JavaScript timer的使用

最新推荐文章于 2023-07-06 16:22:02 发布

Cheris2014

最新推荐文章于 2023-07-06 16:22:02 发布

阅读量679

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/u013681996/article/details/38407191

HTML5 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了JavaScript定时器的基本用法，通过实例展示了如何设置和停止定时器，并实现了一个每秒更新当前时间的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

timer，想必大家都不陌生，我们在很多地方都使用过他。比如计时，闹钟，日期包括一些javascript的动画的实现也离不开它。今天就来简单的介绍下他的用法。

这是一个显示当前时间的演示代码，间隔为1秒。

 
   view plain
   print
   ?
  
 //开启timer  
 function StartTimer(){  
     //定义timer的时间间隔为1000毫秒（也就是1秒）  
     mDuration=1000;  
     mTestTimer=setInterval("TestFunction()", mDuration);   
 }  

 
   view plain
   print
   ?
  
 //停止timer  
 function StopTimer(){  
     clearInterval(mTestTimer);    
 }  

 
   view plain
   print
   ?
  
 //执行函数  
 function TestFunction(){  
     var dateTime=new Date();  
     document.getElementById("MainContainer").innerHTML=dateTime.getFullYear() "年" dateTime.getMonth() "月" dateTime.getDay() "日" dateTime.getHours() "时" dateTime.getMinutes() "分" dateTime.getSeconds() "秒";  
 }  