HTML制作頁面動態時鐘圖文說明教程
發表時間:2024-01-03 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本文通過實例代碼給大家介紹了HTML寫一個網頁動態時鐘效果,需要的的朋友參考下吧用html寫一個動態網頁時鐘,代碼如下所示:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g...
本文通過實例代碼給大家介紹了HTML寫一個網頁動態時鐘效果,需要的的朋友參考下吧
用html寫一個動態網頁時鐘,代碼如下所示:
<!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>現在是—"+hh+":"+mm+":"+ss+"</h1>"
}
//setInterval()方法可以按照指定的周期調用函數或計算表達式
var mytime = setInterval("disptime()",1000);
</script>
<body onload="disptime()">
<p id="myclock"></p>
</body>
</html>

以上就是HTML制作網頁動態時鐘教程的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。