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ù)或計算表達(dá)式
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),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們2021-05-20


