js 走动时间

最新推荐文章于 2024-07-02 12:22:49 发布

原创最新推荐文章于 2024-07-02 12:22:49 发布 · 552 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #date

JS 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的页面时间实时更新方法。通过设置定时器，每隔1秒更新一次页面显示的时间，确保时间的准确性。适用于需要展示当前时间的应用场景。

<script type="text/javascript">
var ctimer;  
   
function init()
{  
 if (document.all)
 {  
  settimes();  
 }  
}  
function settimes()
{  
     var time=new Date();  
     hours=time.getHours();  
     mins=time.getMinutes();  
     secs=time.getSeconds();  
     if(hours<10) 
  {
         hours="0"+hours;
  }
     if(mins<10)  
  {
         mins="0"+mins;
  }
     if(secs<10)  
  {
         secs="0"+secs;
  }
     document.getElementByIdx_x('timeShow').innerHTML=hours+":"+mins+":"+secs  
     ctimer=setTimeout('settimes()',1000);     //每隔1000毫秒刷新时间
}
</script>

<body onLoad="init()">

<span id="timeShow"><span>