JavaScript實現(xiàn)頁面實時顯示當前時間的簡單實例
更新時間：2013年07月20日 16:08:12 作者：
這篇文章介紹了頁面實時顯示當前時間的簡單實例，有需要的朋友可以參考需要
復制代碼 代碼如下:
<html>
<head>
<title>JavaScript實現(xiàn)頁面實時顯示當前時間</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ù)自動執(zhí)行時間為 1000 ms(1 s)
}
</script>
<div id="time"></div>
<script language="javascript"> showtime();</script>
</body>
</html>
相關文章
JavaScript 上萬關鍵字瞬間匹配實現(xiàn)代碼
發(fā)一篇之前寫的文章，平時還是經(jīng)常用到的，尤其是河蟹詞特別多的聊天系統(tǒng)里2013-07-07
這篇文章主要介紹了基于BootStrap的圖片輪播效果展示實例代碼的相關資料,需要的朋友可以參考下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)新聞輪播效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
跟我學習javascript的this關鍵字，this是動態(tài)綁定，或稱為運行期綁定的，這就導致 JavaScript中的this關鍵字有能力具備多重含義，帶來靈活性的同時，也為初學者帶來不少困惑2015-11-11
LRU緩存就是一種常用策略,下面這篇文章主要給大家介紹了關于前端面試中常提到的LRU緩存策略的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05
關于JavaScript中的數(shù)組方法和循環(huán)
這篇文章主要介紹了關于JavaScript中的數(shù)組方法和循環(huán)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
本篇文章介紹了js操作iframe的一些方法的實例代碼與步驟，有需要的朋友可以參考一下2013-06-06
這篇文章主要介紹了js實現(xiàn)遍歷含有input的table方法,結合實例形式分析了jsp讀取數(shù)據(jù)庫動態(tài)生成table及JavaScript遍歷table的相關技巧,需要的朋友可以參考下2015-12-12
本文給大家分享一段js代碼實現(xiàn)圖片翻書效果，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-02-02