這篇“javascript如何獲取當前時間”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“javascript如何獲取當前時間”文章吧。

站在用戶的角度思考問題，與客戶深入溝通，找到葫蘆島網(wǎng)站設(shè)計與葫蘆島網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名申請、網(wǎng)站空間、企業(yè)郵箱。業(yè)務(wù)覆蓋葫蘆島地區(qū)。

在javascript中，可以使用Date對象中的Date()方法來獲取當前時間，該方法可返回當天的日期和時間；也可以使用“new Date()”創(chuàng)建一個時間對象，利用內(nèi)置的時間讀取方法，分別獲取年、月、日、時、分、秒等信息。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

在javascript中可以使用Date對象中的Date()方法來獲取當前時間。Date() 方法可返回當天的日期和時間。

Date()

示例：輸出今天的日期和時間

console.log(Date())

輸出：

或者使用Date對象中不同方法，格式化時間，以固定格式顯示時間。

首先使用 new Date() 創(chuàng)建一個現(xiàn)在時間對象，然后使用 get 為前綴時間讀取方法，分別獲取現(xiàn)在時的年、月、日、時、分、秒等信息，最后通過定時器設(shè)置每秒執(zhí)行一次，實現(xiàn)實時更新。

【操作步驟】

1) 設(shè)計時間顯示函數(shù)，在這個函數(shù)中先創(chuàng)建 Date 對象，獲取當前時間，然后分別獲取年份、月份、日份、時、分、秒等信息，最后組裝成一個時間字符串并返回。

var showtime = function () {
    var nowdate = new Date();
    var year = nowdate.getFullYear(),
        month = nowdate.getMonth() + 1,
        date = nowdate.getDate(),
        day = nowdate.getDay(),
        week = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
        h = nowdate.getHours(),
        m = nowdate.getMinutes(),
        s = nowdate.getSeconds(),
        h = checkTime(h),
        m = checkTime(m),
        s = checkTime(s);
    return year + "年" + month + "月" + date + "日" + week[day] + " " + h +":" + m + ":" + s;
}

2) 因為平時看到的時間格式一般是 00:00:01，而 getHours()、getMinutes()、getSeconds() 方法得到格式是 0 到 9，而不是 00 到 09 這樣的格式。所以在從 9 變成 10的過程中，從一位數(shù)變成兩位數(shù)，同樣再從 59秒變?yōu)?0 秒，或者 59 分變?yōu)?0 分，或者 23 時變?yōu)?0 時。例如：23:59:59 的下一秒應(yīng)該為 00:00:00 ，實際為 0:0:0，這樣格式上就不統(tǒng)一，在視覺上也是數(shù)字突然增加，或突然減少，產(chǎn)生一種晃動的感覺。

下面定義一個輔助函數(shù)，把一位數(shù)字的時間改為兩位數(shù)字顯示。

var checkTime = function (i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

3) 在頁面中添加一個標簽，設(shè)置 id 的值。

4) 為標簽綁定定時器，在定時器中設(shè)置每秒鐘調(diào)用一次時間顯示函數(shù)。

var div = document.getElementById("showtime");
setInterval (function() {
    div.innerHTML = showtime();
}, 1000);  //反復(fù)執(zhí)行函數(shù)

顯示結(jié)果如下：

以上就是關(guān)于“javascript如何獲取當前時間”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。