這篇文章給大家分享的是有關(guān)javascript中怎么獲取當(dāng)前時(shí)間的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)公司長(zhǎng)期為上千余家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為鶴山企業(yè)提供專業(yè)的網(wǎng)站制作、網(wǎng)站設(shè)計(jì),鶴山網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
在javascript中,可以使用Date對(duì)象中的Date()方法來獲取當(dāng)前時(shí)間,該方法可返回當(dāng)天的日期和時(shí)間;也可以使用“new Date()”創(chuàng)建一個(gè)時(shí)間對(duì)象,利用內(nèi)置的時(shí)間讀取方法,分別獲取年、月、日、時(shí)、分、秒等信息。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
在javascript中可以使用Date對(duì)象中的Date()方法來獲取當(dāng)前時(shí)間。Date() 方法可返回當(dāng)天的日期和時(shí)間。
Date()
示例:輸出今天的日期和時(shí)間
console.log(Date())
輸出:
或者使用Date對(duì)象中不同方法,格式化時(shí)間,以固定格式顯示時(shí)間。
首先使用 new Date() 創(chuàng)建一個(gè)現(xiàn)在時(shí)間對(duì)象,然后使用 get 為前綴時(shí)間讀取方法,分別獲取現(xiàn)在時(shí)的年、月、日、時(shí)、分、秒等信息,最后通過定時(shí)器設(shè)置每秒執(zhí)行一次,實(shí)現(xiàn)實(shí)時(shí)更新。
【操作步驟】
1) 設(shè)計(jì)時(shí)間顯示函數(shù),在這個(gè)函數(shù)中先創(chuàng)建 Date 對(duì)象,獲取當(dāng)前時(shí)間,然后分別獲取年份、月份、日份、時(shí)、分、秒等信息,最后組裝成一個(gè)時(shí)間字符串并返回。
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) 因?yàn)槠綍r(shí)看到的時(shí)間格式一般是 00:00:01,而 getHours()、getMinutes()、getSeconds() 方法得到格式是 0 到 9,而不是 00 到 09 這樣的格式。所以在從 9 變成 10的過程中,從一位數(shù)變成兩位數(shù),同樣再?gòu)?59秒變?yōu)?0 秒,或者 59 分變?yōu)?0 分,或者 23 時(shí)變?yōu)?0 時(shí)。例如:23:59:59 的下一秒應(yīng)該為 00:00:00 ,實(shí)際為 0:0:0,這樣格式上就不統(tǒng)一,在視覺上也是數(shù)字突然增加,或突然減少,產(chǎn)生一種晃動(dòng)的感覺。
下面定義一個(gè)輔助函數(shù),把一位數(shù)字的時(shí)間改為兩位數(shù)字顯示。
var checkTime = function (i) { if (i < 10) { i = "0" + i; } return i; }
3) 在頁面中添加一個(gè)標(biāo)簽,設(shè)置 id 的值。
<h2 id="showtime"></h2>
4) 為標(biāo)簽綁定定時(shí)器,在定時(shí)器中設(shè)置每秒鐘調(diào)用一次時(shí)間顯示函數(shù)。
var div = document.getElementById("showtime"); setInterval (function() { div.innerHTML = showtime(); }, 1000); //反復(fù)執(zhí)行函數(shù)
顯示結(jié)果如下:
感謝各位的閱讀!關(guān)于“javascript中怎么獲取當(dāng)前時(shí)間”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!
本文標(biāo)題:javascript中怎么獲取當(dāng)前時(shí)間
URL標(biāo)題:http://vcdvsql.cn/article4/jhijie.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、、響應(yīng)式網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司、全網(wǎng)營(yíng)銷推廣、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)