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

判断脚本加载是否完成的方法

May 26 Javascript

javascript onmouseout 解决办法

Jul 17 Javascript

jQuery中last()方法用法实例

Jan 06 Javascript

详解JavaScript异步编程中jQuery的promise对象的作用

May 03 Javascript

jQuery纵向导航菜单效果实现方法

Dec 19 Javascript

JavaScript定义函数的三种实现方法

Sep 23 Javascript

微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)

Jan 24 Javascript

实例详解带参数的 npm script

May 28 Javascript

JS实现点击生成UUID的方法完整实例【基于jQuery】

Jun 12 jQuery

原生js实现商品筛选功能

Oct 28 Javascript

Threejs实现滴滴官网首页地球动画功能

Jul 13 Javascript

详解JavaScript中的执行上下文及调用堆栈

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

PHP最常用的2种设计模式工厂模式和单例模式介绍

2012/08/14 PHP

php全局变量和类配合使用深刻理解

2013/06/05 PHP

php检测数组长度函数sizeof与count用法

2014/11/17 PHP

PHP中JSON的应用技巧

2015/10/10 PHP

PHP有序表查找之插值查找算法示例

2018/02/10 PHP

jquery.validate使用攻略第二部

2010/07/01 Javascript

javascript代码加载优化方法

2011/01/30 Javascript

关于javascript原型的修改与重写(覆盖)差别详解

2016/08/31 Javascript

vue.js中$watch的用法示例

2016/10/04 Javascript

浅谈js在html中的加载执行顺序,多个jquery ready执行顺序

2016/11/26 Javascript

AngularJS的Filter的示例详解

2017/03/07 Javascript

BootstrapValidator实现注册校验和登录错误提示效果

2017/03/10 Javascript

JavaScript 保护变量不被随意修改的实现代码

2017/09/27 Javascript

js实现以最简单的方式将数组元素添加到对象中的方法

2017/12/20 Javascript

浅谈React高阶组件

2018/03/28 Javascript

jQuery中each遍历的三种方法实例分析

2018/09/07 jQuery

对angularJs中ng-style动态改变样式的实例讲解

2018/09/30 Javascript

微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)

2019/01/24 Javascript

vue模块拖拽实现示例代码

2019/03/09 Javascript

JS实现横向跑马灯效果代码

2020/04/20 Javascript

[00:35]DOTA2上海特级锦标赛 VP战队宣传片

2016/03/04 DOTA

Python异常学习笔记

2015/02/03 Python

Python入门学习之字符串与比较运算符

2015/10/12 Python

快速了解Python相对导入

2018/01/12 Python

python读取txt文件中特定位置字符的方法

2018/12/24 Python

在Python文件中指定Python解释器的方法

2019/02/18 Python

Django项目使用CircleCI的方法示例

2019/07/14 Python

使用django实现一个代码发布系统

2019/07/18 Python

python ubplot使用方法解析

2020/01/10 Python

Pytorch十九种损失函数的使用详解

2020/04/29 Python

利用CSS3把图片变成灰色模式的实例代码

2016/09/06 HTML / CSS

Html5 滚动穿透的方法

2019/05/13 HTML / CSS

股指期货心得体会

2014/09/13 职场文书

不服劳动仲裁起诉书

2015/05/20 职场文书

2016社区平安家庭事迹材料

2016/02/26 职场文书

SpringBoot深入分析讲解监听器模式下

2022/07/15 Java/Android