编程 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 相关文章推荐

js动态创建表格,删除行列的小例子

Jul 20 Javascript

JS执行删除前的判断代码

Feb 18 Javascript

使用jquery.qrcode生成彩色二维码实例

Aug 08 Javascript

js window对象属性和方法相关资料整理

Nov 11 Javascript

JavaScript中获取HTML元素值的三种方法

Jun 20 Javascript

jQuery使用animate实现ul列表项相互飘动效果示例

Sep 16 Javascript

ionic 自定义弹框效果

Jun 27 Javascript

jQuery中的for循环var与let的区别

Apr 21 jQuery

用JS实现根据当前时间随机生成流水号或者订单号

May 31 Javascript

微信小程序实现基于三元运算验证手机号/姓名功能示例

Jan 19 Javascript

vue实现lodop打印功能的示例

Nov 11 Javascript

前端框架ECharts dataset对数据可视化的高级管理

Dec 24 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

IC-R9500(1) 选择器(1) 脏读(2) #{}(1) 外键(1) 克隆(1) 代理(2) 增删查改(1) SQL注入(2) S-2000(1)