javascript如何獲取當前時間

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

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

本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

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

Date()

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

console.log(Date())

輸出：

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

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

【操作步驟】

1) 設計時間顯示函數，在這個函數中先創建 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的過程中，從一位數變成兩位數，同樣再從 59秒變為 0 秒，或者 59 分變為 0 分，或者 23 時變為 0 時。例如：23:59:59 的下一秒應該為 00:00:00 ，實際為 0:0:0，這樣格式上就不統一，在視覺上也是數字突然增加，或突然減少，產生一種晃動的感覺。

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

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

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

<h2 id="showtime"></h2>

4) 為標簽綁定定時器，在定時器中設置每秒鐘調用一次時間顯示函數。

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

顯示結果如下：

以上就是關于“javascript如何獲取當前時間”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。