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

ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值

Feb 03 Javascript

jQuery 自定义函数写法分享

Mar 30 Javascript

jquery $.each() 使用小探

Aug 23 Javascript

JS随机漂浮广告代码具体实例

Nov 19 Javascript

jQuery中slideUp()方法用法分析

Dec 24 Javascript

深入浅析Extjs中store分组功能的使用方法

Apr 20 Javascript

漫谈JS引擎的运行机制你应该知道什么

Jun 15 Javascript

easyui取消表单实时验证,提交时统一验证的简单实例

Nov 07 Javascript

Java设计中的Builder模式的介绍

Mar 22 Javascript

ES10 特性的完整指南小结

Mar 04 Javascript

Layui给switch添加响应事件的例子

Sep 03 Javascript

JavaScript实现轮播图特效

Apr 10 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

You might like

ThinkPHP模板替换与系统常量及应用实例教程

2014/08/22 PHP

在html文件中也可以执行php语句的方法

2015/04/09 PHP

PHP时间和日期函数详解

2015/05/08 PHP

Symfony学习十分钟入门经典教程

2016/02/03 PHP

php把字符串指定字符分割成数组的方法

2018/03/12 PHP

浅谈Laravel核心解读之Console内核

2018/12/02 PHP

thinkphp5.1框架模板布局与模板继承用法分析

2019/07/19 PHP

laravel 出现command not found问题的解决方案

2019/10/23 PHP

13 个JavaScript 性能提升技巧分享

2012/07/26 Javascript

jQuery取id有.的值的方法

2014/05/21 Javascript

详解JavaScript的流程控制语句

2015/11/30 Javascript

深入探秘jquery瀑布流的实现

2016/01/30 Javascript

jquery属性,遍历,HTML操作方法详解

2016/09/17 Javascript

浅谈jquery采用attr修改form表单enctype不起作用的问题

2016/11/25 Javascript

vue自定义指令之面板拖拽的实现

2019/04/14 Javascript

原生js+ajax分页组件

2020/01/30 Javascript

[01:07:15]DOTA2-DPC中国联赛正赛 DLG vs XG BO3 第二场 1月25日

2021/03/11 DOTA

使用优化器来提升Python程序的执行效率的教程

2015/04/02 Python

Python常见工厂函数用法示例

2018/03/21 Python

Django项目主urls导入应用中views的红线问题解决

2019/08/10 Python

在Django下测试与调试REST API的方法详解

2019/08/29 Python

python根据时间获取周数代码实例

2019/09/30 Python

TensorFlow自定义损失函数来预测商品销售量

2020/02/05 Python

tensorboard显示空白的解决

2020/02/15 Python

Python转换字典成为对象,可以用"."方式访问对象属性实例

2020/05/11 Python

英国门把手公司：Door Handle Company

2019/05/12 全球购物

西铁城美国官方网站：Citizen Watch美国

2019/11/08 全球购物

Linux Interview Questions For software testers

2012/06/02 面试题

行政人员工作职责

2013/12/05 职场文书

自我反省检讨书

2014/01/23 职场文书

商业活动邀请函

2014/02/04 职场文书

火车的故事教学反思

2014/02/11 职场文书

领导调研接待方案

2014/02/27 职场文书

企业活动策划方案

2014/06/02 职场文书

幼儿园小班教育随笔

2015/08/14 职场文书

你有一份《诚信考试承诺书》待领取

2019/11/13 职场文书