HTML如何制作网页动态时钟
生活随笔
收集整理的這篇文章主要介紹了
HTML如何制作网页动态时钟
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這篇文章主要介紹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="<h2>現在是—"+hh+":"+mm+":"+ss+"</h2>"
}
//setInterval（）方法可以按照指定的周期調用函數或計算表達式
var mytime = setInterval("disptime()",1000);
</script>
<body onload="disptime()">
<p id="myclock"></p>
</body>
</html>
總結
以上是生活随笔為你收集整理的HTML如何制作网页动态时钟的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 深入理解多重采样(Multisampli
- 下一篇： python常见的占位符是什么