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
- 下一篇: 将log4cplus.so集成到linu