js獲取當(dāng)前時(shí)間顯示在頁(yè)面上并每秒刷新
更新時(shí)間:2014年12月24日 16:50:42 投稿:hebedich
這篇文章主要介紹了js獲取當(dāng)前時(shí)間顯示在頁(yè)面上并每秒刷新,需要的朋友可以參考下
方法很簡(jiǎn)單,代碼也很簡(jiǎn)潔,直接奉上代碼吧
復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js獲取當(dāng)前時(shí)間顯示在頁(yè)面上</title>
<script>
window.onload=function(){
//定時(shí)器每秒調(diào)用一次fnDate()
setInterval(function(){
fnDate();
},1000);
}
//js 獲取當(dāng)前時(shí)間
function fnDate(){
var oDiv=document.getElementById("div1");
var date=new Date();
var year=date.getFullYear();//當(dāng)前年份
var month=date.getMonth();//當(dāng)前月份
var data=date.getDate();//天
var hours=date.getHours();//小時(shí)
var minute=date.getMinutes();//分
var second=date.getSeconds();//秒
var time=year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);
oDiv.innerHTML=time;
}
//補(bǔ)位 當(dāng)某個(gè)字段不是兩位數(shù)時(shí)補(bǔ)0
function fnW(str){
var num;
str>10?num=str:num="0"+str;
return num;
}
</script>
</head>
<body>
<div id="div1"> </div>
</body>
</html>
相關(guān)文章
JavaScript開發(fā)人員的10個(gè)關(guān)鍵習(xí)慣小結(jié)
還在一味沒有目的的編寫JavaScript代碼嗎?那么你就OUT了!讓我們一起來看看小編為大家搜羅的JavaScript開發(fā)人員應(yīng)該具備的十大關(guān)鍵習(xí)慣吧2014-12-12javascript 動(dòng)態(tài)加載 css 方法總結(jié)
有時(shí)候我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候想動(dòng)態(tài)的加載css文件,并不是將css文件寫死在頁(yè)面中,這時(shí)就可以使用下面方法.2009-07-07深入理解JavaScript中的尾調(diào)用(Tail Call)
尾調(diào)用(Tail Call)是函數(shù)式編程的一個(gè)重要概念,下面這篇文章主要給大家深入的介紹了關(guān)于JavaScript中尾調(diào)用的相關(guān)資料,文中介紹的非常詳細(xì),相信對(duì)大家具有一定的參考價(jià)值,有需要的朋友們下面來一起看看吧。2017-02-02深入理解JavaScript中的宏任務(wù)和微任務(wù)機(jī)制
JavaScript中的任務(wù)分為宏任務(wù)和微任務(wù),它們的執(zhí)行順序會(huì)影響代碼的執(zhí)行結(jié)果。了解它們的機(jī)制可以幫助我們更好地理解事件循環(huán)和異步編程,避免出現(xiàn)一些意想不到的錯(cuò)誤2023-05-05js中setTimeout的妙用--防止循環(huán)超時(shí)
本文主要介紹了使用setTimeout實(shí)現(xiàn)防止循環(huán)超時(shí)的方法,具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-03-03對(duì)象題目的一個(gè)坑 理解Javascript對(duì)象
這篇文章主要介紹了Javascript對(duì)象,特別為大家分享了對(duì)象題目的一個(gè)坑,提供了解題思路,感興趣的小伙伴們可以參考一下2015-12-12