HTML寫一個網(wǎng)頁動態(tài)時鐘
發(fā)布時間:2017-08-30 10:05:45 作者:佚名
我要評論

本文通過實例代碼給大家介紹了HTML寫一個網(wǎng)頁動態(tài)時鐘效果,需要的的朋友參考下吧
用html寫一個動態(tài)網(wǎng)頁時鐘,代碼如下所示:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>時鐘特效</title> </head> <script type="text/javascript"> function disptime(){ var today=new Date(); var hh=today.getHours(); var mm=today.getMinutes(); var ss = today.getSeconds(); document.getElementById("myclock").innerHTML="<h1>現(xiàn)在是—"+hh+":"+mm+":"+ss+"</h1>" } //setInterval()方法可以按照指定的周期調(diào)用函數(shù)或計算表達式 var mytime = setInterval("disptime()",1000); </script> <body onload="disptime()"> <div id="myclock"></div> </body> </html>
總結(jié)
以上所述是小編給大家介紹的HTML寫一個網(wǎng)頁動態(tài)時鐘,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
- 這篇文章主要介紹了Html5 canvas實現(xiàn)粒子時鐘的示例代碼,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-09-06
- 本文通過實例代碼給大家介紹了基于html5實現(xiàn)的可縮放時鐘代碼,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧2017-08-28
- 下面小編就為大家?guī)硪黄肏TML5的canvas實現(xiàn)一個炫酷時鐘效果。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-20
- 這篇文章主要介紹了使用html5 canvas 畫時鐘代碼實例分享的相關(guān)資料,需要的朋友可以參考下2015-11-11
- 這篇文章主要介紹了用HTML5制作數(shù)字時鐘的教程,主要利用HTML5中的Canvas API,需要的朋友可以參考下2015-05-11
- 這篇文章主要介紹了html5繪制時鐘動畫,需要的朋友可以參考下2014-12-15
- html5下實現(xiàn)的鬧鐘代碼,喜歡的朋友可以參考下。2010-10-22
- 看著有點黑科技的感覺就跟前段時間比較火的抖音動態(tài)時間那個一個效果,本文主要介紹了HTML 羅盤式時鐘的實現(xiàn),對大家的學習或者工作具有一定的參考學習價值,需要的朋友們2021-05-20