编程 Javascript

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

Posted in Javascript onJuly 27, 2017

下面给大家分享一段实例代码关于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实现按钮控制计时开始和停止功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持！

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

- Author -

dtsxx123

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery中文入门指南，翻译加实例，jQuery的起点教程

Feb 09 Javascript

javascript背投广告代码的完善

Apr 08 Javascript

Javascript 的addEventListener()及attachEvent()区别分析

May 21 Javascript

JS动画效果打开、关闭层的实现方法

May 09 Javascript

jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)

Feb 25 Javascript

Google 地图API Map()构造器详解

Aug 06 Javascript

JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

Jun 30 Javascript

cocos creator Touch事件应用(触控选择多个子节点的实例)

Sep 10 Javascript

React Native 图片查看组件的方法

Mar 01 Javascript

小程序实现选择题选择效果

Nov 04 Javascript

vue实现自定义H5视频播放器的方法步骤

Jul 01 Javascript

vue v-for直接循环数字实例

Nov 07 Javascript

关于JavaScript中forEach和each用法浅析

Jul 27 #Javascript

Easyui使用Dialog行内按钮布局的实例

Jul 27 #Javascript

easyui datagrid 表格中操作栏按钮图标不显示的解决方法

Jul 27 #Javascript

js实现日期显示的一些操作(实例讲解)

Jul 27 #Javascript

Angular通过angular-cli来搭建web前端项目的方法

Jul 27 #Javascript

使用JavaScript开发跨平台的桌面应用详解

Jul 27 #Javascript

详解VueJS 数据驱动和依赖追踪分析

Jul 26 #Javascript