这篇文章主要介绍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如何制作网页动态时钟的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注天达云行业资讯频道!