這篇文章給大家分享的是有關(guān)javascript中怎么獲取當(dāng)前時間的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司長期為上千余家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為鶴山企業(yè)提供專業(yè)的網(wǎng)站制作、網(wǎng)站設(shè)計，鶴山網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

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

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

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

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 對象，獲取當(dāng)前時間，然后分別獲取年份、月份、日份、時、分、秒等信息，最后組裝成一個時間字符串并返回。

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) 在頁面中添加一個標(biāo)簽，設(shè)置 id 的值。

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

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

顯示結(jié)果如下：

感謝各位的閱讀！關(guān)于“javascript中怎么獲取當(dāng)前時間”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！