HTML制作頁面動(dòng)態(tài)時(shí)鐘圖文說明教程
發(fā)表時(shí)間:2024-01-03 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]本文通過實(shí)例代碼給大家介紹了HTML寫一個(gè)網(wǎng)頁動(dòng)態(tài)時(shí)鐘效果,需要的的朋友參考下吧用html寫一個(gè)動(dòng)態(tài)網(wǎng)頁時(shí)鐘,代碼如下所示:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g...
本文通過實(shí)例代碼給大家介紹了HTML寫一個(gè)網(wǎng)頁動(dòng)態(tài)時(shí)鐘效果,需要的的朋友參考下吧
用html寫一個(gè)動(dòng)態(tài)網(wǎng)頁時(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()">
<p id="myclock"></p>
</body>
</html>
以上就是HTML制作網(wǎng)頁動(dòng)態(tài)時(shí)鐘教程的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。