欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JS实现按钮控制计时开始和停止功能

程序员文章站 2022-04-29 09:01:15
下面给大家分享一段实例代码关于js实现按钮控制计时开始和停止功能,具体代码如下所示: &l...

下面给大家分享一段实例代码关于js实现按钮控制计时开始和停止功能,具体代码如下所示:

<span style="font-size:18px;"><body> 
 小闹钟: <span id="nz"></span> 
 <input type="button" value="开始计时" onclick="nzbg(this)"> 
 <input type="button" value="结束计时" onclick="nzbg(this)"> 
 <script type="text/javascript"> 
  function nzbg(obj) 
  { 
   var a = document.getelementbyid("nz"); 
   time = new date().tolocalestring(); 
   a.innerhtml = time; 
   if (obj.value == "开始计时") 
   { 
    nz_bg = window.setinterval("nzbg()",1000); 
   } 
   if (obj.value == "结束计时") 
   { 
    nz_bg = window.clearinterval(nz_bg); 
   } 
  } 
 </script> 
 </body></span> 

总结

以上所述是小编给大家介绍的js实现按钮控制计时开始和停止功能,希望对大家有所帮助