编程 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时间下拉框小例子

Apr 15 Javascript

如何阻止复制剪切和粘贴事件为了表单内容的安全

May 23 Javascript

JavaScript实现定时隐藏与显示图片的方法

Aug 06 Javascript

JS实现从顶部下拉显示的带动画QQ客服特效代码

Oct 24 Javascript

bootstrap-treeview自定义双击事件实现方法

Jan 09 Javascript

一个非常好用的文字滚动的案例，鼠标悬浮可暂停[两种方案任选]

Dec 01 Javascript

jQuery操作复选框(CheckBox)的取值赋值实现代码

Jan 10 Javascript

jquery+ajax实现省市区三级联动（封装和不封装两种方式）

May 15 jQuery

JScript实现地址选择功能

Aug 15 Javascript

详解如何去除vue项目中的#——History模式

Oct 13 Javascript

Node.js实现发送邮件功能

Nov 06 Javascript

利用Electron简单撸一个Markdown编辑器的方法

Jun 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

php木马攻击防御之道

2008/03/24 PHP

DISCUZ 论坛管理员密码忘记的解决方法

2009/05/14 PHP

PHP mb_convert_encoding文字编码的转换函数介绍

2011/11/10 PHP

PHP使用正则表达式获取微博中的话题和对象名

2015/07/18 PHP

php使用array_chunk函数将一个数组分割成多个数组

2018/12/05 PHP

jquery中获取select选中值的代码

2011/06/27 Javascript

基于jQuery的获取标签名的代码

2012/07/16 Javascript

推荐17个优美新鲜的jQuery的工具提示插件

2012/09/14 Javascript

一个简单的网站访问JS计数器刷新1次加1次访问

2012/09/20 Javascript

node.js中的require使用详解

2014/12/15 Javascript

JavaScript获取网页中第一个链接ID的方法

2015/04/03 Javascript

JavaScript模块化开发之SeaJS

2015/12/13 Javascript

javascript检测flash插件是否被禁用的方法

2016/01/14 Javascript

基于vuejs+webpack的日期选择插件

2020/05/21 Javascript

jQuery Validate验证框架详解(推荐)

2016/12/17 Javascript

JS无缝滚动效果实现方法分析

2016/12/21 Javascript

Vue监听数组变化源码解析

2017/03/09 Javascript

JavaScript函数节流的两种写法

2017/04/07 Javascript

Vue代码分割懒加载的实现方法

2017/11/23 Javascript

VUE + UEditor 单图片跨域上传功能的实现方法

2018/02/08 Javascript

JavaScript设计模式之构造函数模式实例教程

2018/07/02 Javascript

VsCode与Node.js知识点详解

2019/09/05 Javascript

python 算法排序实现快速排序

2012/06/05 Python

python中的yield使用方法

2014/02/11 Python

Python中集合的内建函数和内建方法学习教程

2015/08/19 Python

让python在hadoop上跑起来

2016/01/27 Python

Python中的单下划线和双下划线使用场景详解

2019/09/09 Python

Pycharm连接远程服务器过程图解

2020/04/30 Python

Python-jenkins模块之folder相关操作介绍

2020/05/12 Python

css3 background属性调整增强介绍

2010/12/18 HTML / CSS

美国受欢迎的女性牛仔裤品牌：DL1961

2016/11/12 全球购物

八年级物理教学反思

2014/01/19 职场文书

乡村教师党员四风问题对照检查材料思想汇报

2014/10/08 职场文书

逃课检讨书怎么写

2015/01/01 职场文书

这样写python注释让代码更加的优雅

2021/06/02 Python

Android studio 简单计算器的编写

2022/05/20 Java/Android