基于javascript實現(xiàn)動態(tài)時鐘效果

更新時間：2020年08月18日 14:13:50 投稿：lijiao

這篇文章主要為大家詳細介紹了基于javascript實現(xiàn)動態(tài)時鐘效果的相關(guān)資料，動態(tài)顯示系統(tǒng)當前時間，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例講解了javascript動態(tài)時鐘效果的實現(xiàn)方法，分享給大家供大家參考，具體內(nèi)容如下

實現(xiàn)代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>動態(tài)時鐘</title>
<script type="text/javascript">
//在網(wǎng)頁上輸出：今天的日期、星期、現(xiàn)在的時間（動態(tài)時鐘）
function start()
{
 var today=new Date();
 var year=today.getFullYear();
 var month=today.getMonth()+1;
 var day=today.getDate();
 var hours=today.getHours();
 var minutes=today.getMinutes();
 var seconds=today.getSeconds();
 //如果是單位數(shù)字，前面補0
 month=month<10? "0"+month :month;
 day=day<10? "0"+day :day;
 hours=hours<10? "0"+hours :hours;
 minutes=minutes<10? "0"+minutes :minutes;
 seconds=seconds<10? "0"+seconds :seconds;
 //時間信息連成字符串
 var str="今天是"+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds;
 //獲取id=result的內(nèi)容
 var obj=document.getElementById("result");
 obj.innerHTML=str;
 //延時器
 window.setTimeout("start()",1000);
}
</script>
</head>
 
<body onload="start()">
<div id="result"></div>
</body>
</html>

更多JavaScript時鐘特效點擊查看：JavaScript時鐘特效專題

希望本文所述對大家學習javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

Web Uploader文件上傳插件使用詳解
WebUploader是由Baidu WebFE(FEX)團隊開發(fā)的一個簡單的以HTML5為主，F(xiàn)LASH為輔的現(xiàn)代文件上傳組件。這篇文章主要為大家詳細介紹了Web Uploader文件上傳插件使用方法，感興趣的小伙伴們可以參考一下
2016-05-05
百度地圖去掉marker覆蓋物或者去掉maker的label文字方法
下面小編就為大家分享一篇百度地圖去掉marker覆蓋物或者去掉maker的label文字方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
javascript嵌套函數(shù)和在函數(shù)內(nèi)調(diào)用外部函數(shù)的區(qū)別分析
這篇文章主要介紹了javascript嵌套函數(shù)和在函數(shù)內(nèi)調(diào)用外部函數(shù)的區(qū)別,需要的朋友可以參考下
2016-01-01
詳解JavaScript 新語法之Class 的私有屬性與私有方法
這篇文章主要介紹了JavaScript 新語法之Class 的私有屬性與私有方法 ,本文通過實例代碼相結(jié)合的形式給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-04-04
Javascript 判斷Flash是否加載完成的代碼
網(wǎng)站加入flash廣告代碼，利用DIV層來控制進度的狀態(tài)，如果加載swf文件到100%的時候就顯示出flash，把AD層隱藏掉，請看下面實現(xiàn)方法。
2010-04-04
微信小程序連續(xù)旋轉(zhuǎn)動畫（this.animation.rotate）詳解
這篇文章主要介紹了微信小程序連續(xù)旋轉(zhuǎn)動畫（this.animation.rotate）詳解的相關(guān)資料,需要的朋友可以參考下
2017-04-04
JavaScript組件焦點與頁內(nèi)錨點間傳值的方法
這篇文章主要介紹了JavaScript組件焦點與頁內(nèi)錨點間傳值的方法,涉及輸入框與錨點的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-02-02
JavaScript之事件委托實例(附原生js和jQuery代碼)
下面小編就為大家?guī)硪黄狫avaScript之事件委托實例(附原生js和jQuery代碼)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
JavaScript實現(xiàn)簡單的tab選項卡切換
這篇文章主要介紹了JavaScript實現(xiàn)簡單的tab選項卡切換的相關(guān)資料,需要的朋友可以參考下
2016-01-01
javascript獲得CheckBoxList選中的數(shù)量
javascript獲得CheckBoxList選中的數(shù)量(jQuery與Javascript對照學習/前臺與后臺)
2009-10-10