HTML寫(xiě)一個(gè)網(wǎng)頁(yè)動(dòng)態(tài)時(shí)鐘
發(fā)布時(shí)間：2017-08-30 10:05:45 作者：佚名 
我要評(píng)論
我要評(píng)論本文通過(guò)實(shí)例代碼給大家介紹了HTML寫(xiě)一個(gè)網(wǎng)頁(yè)動(dòng)態(tài)時(shí)鐘效果，需要的的朋友參考下吧
用html寫(xiě)一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)鐘，代碼如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>時(shí)鐘特效</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ù)或計(jì)算表達(dá)式
var mytime = setInterval("disptime()",1000);
</script>
<body onload="disptime()">
<div id="myclock"></div>
</body>
</html>
總結(jié)
以上所述是小編給大家介紹的HTML寫(xiě)一個(gè)網(wǎng)頁(yè)動(dòng)態(tài)時(shí)鐘，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
Html5 canvas實(shí)現(xiàn)粒子時(shí)鐘的示例代碼
這篇文章主要介紹了Html5 canvas實(shí)現(xiàn)粒子時(shí)鐘的示例代碼,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-09-06HTML5實(shí)現(xiàn)可縮放時(shí)鐘代碼
本文通過(guò)實(shí)例代碼給大家介紹了基于html5實(shí)現(xiàn)的可縮放時(shí)鐘代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-08-28用HTML5的canvas實(shí)現(xiàn)一個(gè)炫酷時(shí)鐘效果
下面小編就為大家?guī)?lái)一篇用HTML5的canvas實(shí)現(xiàn)一個(gè)炫酷時(shí)鐘效果。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-20使用html5 canvas 畫(huà)時(shí)鐘代碼實(shí)例分享
這篇文章主要介紹了使用html5 canvas 畫(huà)時(shí)鐘代碼實(shí)例分享的相關(guān)資料,需要的朋友可以參考下2015-11-11- 這篇文章主要介紹了用HTML5制作數(shù)字時(shí)鐘的教程,主要利用HTML5中的Canvas API,需要的朋友可以參考下2015-05-11
- 這篇文章主要介紹了html5繪制時(shí)鐘動(dòng)畫(huà),需要的朋友可以參考下2014-12-15
- html5下實(shí)現(xiàn)的鬧鐘代碼，喜歡的朋友可以參考下。2010-10-22
HTML 羅盤(pán)式時(shí)鐘的實(shí)現(xiàn)
看著有點(diǎn)黑科技的感覺(jué)就跟前段時(shí)間比較火的抖音動(dòng)態(tài)時(shí)間那個(gè)一個(gè)效果，本文主要介紹了HTML 羅盤(pán)式時(shí)鐘的實(shí)現(xiàn)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們2021-05-20
