HTML实现网页动态时钟

互联网 18-6-9

本文通过实例代码给大家介绍了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>

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

HTML实现网页动态时钟

相关资讯

标签推荐