纯JS实现动态时间显示

来源:互联网 发布:中小学网络教育 编辑:程序博客网 时间:2024/06/06 07:51

 

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title> <script language="javascript">     var t = null;    t = setTimeout(time,1000);//开始执行    function time()    {       clearTimeout(t);//清除定时器       dt = new Date();       var h=dt.getHours();       var m=dt.getMinutes();       var s=dt.getSeconds();       document.getElementById("timeShow").innerHTML =  "现在的时间为:"+h+"时"+m+"分"+s+"秒";       t = setTimeout(time,1000); //设定定时器,循环执行                 }   </script></head><body><label id="timeShow"></lable></body></html>