JavaScript實現(xiàn)頁面實時顯示當(dāng)前時間的簡單實例

更新時間：2013年07月20日 16:08:12 作者：

這篇文章介紹了頁面實時顯示當(dāng)前時間的簡單實例，有需要的朋友可以參考需要

<html> 
<head> 
<title>JavaScript實現(xiàn)頁面實時顯示當(dāng)前時間</title> 
</head> 
<body> 
<script language="javascript"> 
function showtime() 
{ 
var today,hour,second,minute,year,month,date; 
var strDate ; 
today=new Date(); 
var n_day = today.getDay(); 
switch (n_day) 
{ 
case 0:{ 
strDate = "星期日" 
}break; 
case 1:{ 
strDate = "星期一" 
}break; 
case 2:{ 
strDate ="星期二" 
}break; 
case 3:{ 
strDate = "星期三" 
}break; 
case 4:{ 
strDate = "星期四" 
}break; 
case 5:{ 
strDate = "星期五" 
}break; 
case 6:{ 
strDate = "星期六" 
}break; 
case 7:{ 
strDate = "星期日" 
}break; 
} 
year = today.getYear(); 
month = today.getMonth()+1; 
date = today.getDate(); 
hour = today.getHours(); 
minute =today.getMinutes(); 
second = today.getSeconds(); 
if(month<10) month="0"+month; 
if(date<10) date="0"+date; 
if(hour<10) hour="0"+hour; 
if(minute<10) minute="0"+minute; 
if(second<10) second="0"+second; 
document.getElementById('time').innerHTML = year + "年" + month + "月" + date + "日 " + strDate +" " + hour + ":" + minute + ":" + second; //顯示時間 
setTimeout("showtime();", 1000); //設(shè)定函數(shù)自動執(zhí)行時間為 1000 ms(1 s) 
} 
</script>
<div id="time"></div>
<script language="javascript"> showtime();</script>
</body> 
</html>

您可能感興趣的文章:

相關(guān)文章

JavaScript 上萬關(guān)鍵字瞬間匹配實現(xiàn)代碼
發(fā)一篇之前寫的文章，平時還是經(jīng)常用到的，尤其是河蟹詞特別多的聊天系統(tǒng)里
2013-07-07
基于BootStrap的圖片輪播效果展示實例代碼
這篇文章主要介紹了基于BootStrap的圖片輪播效果展示實例代碼的相關(guān)資料,需要的朋友可以參考下
2016-05-05
js print打印網(wǎng)頁指定區(qū)域內(nèi)容的簡單實例
下面小編就為大家?guī)硪黄猨s print打印網(wǎng)頁指定區(qū)域內(nèi)容的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
js實現(xiàn)新聞輪播效果
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)新聞輪播效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07
跟我學(xué)習(xí)javascript的this關(guān)鍵字
跟我學(xué)習(xí)javascript的this關(guān)鍵字，this是動態(tài)綁定，或稱為運(yùn)行期綁定的，這就導(dǎo)致 JavaScript中的this關(guān)鍵字有能力具備多重含義，帶來靈活性的同時，也為初學(xué)者帶來不少困惑
2015-11-11
關(guān)于前端面試中常提到的LRU緩存策略詳析
LRU緩存就是一種常用策略,下面這篇文章主要給大家介紹了關(guān)于前端面試中常提到的LRU緩存策略的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-05-05
關(guān)于JavaScript中的數(shù)組方法和循環(huán)
這篇文章主要介紹了關(guān)于JavaScript中的數(shù)組方法和循環(huán)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-09-09
js操作iframe的一些方法介紹
本篇文章介紹了js操作iframe的一些方法的實例代碼與步驟，有需要的朋友可以參考一下
2013-06-06
js實現(xiàn)遍歷含有input的table實例
這篇文章主要介紹了js實現(xiàn)遍歷含有input的table方法,結(jié)合實例形式分析了jsp讀取數(shù)據(jù)庫動態(tài)生成table及JavaScript遍歷table的相關(guān)技巧,需要的朋友可以參考下
2015-12-12
原生JS實現(xiàn)圖片翻書效果
本文給大家分享一段js代碼實現(xiàn)圖片翻書效果，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧
2017-02-02