首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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表格排序组件-tablesorter使用示例
May 26 Javascript
使用jspdf生成pdf报表
Jul 03 Javascript
详解Javascript中的Object对象
Feb 28 Javascript
bootstrap布局中input输入框右侧图标点击功能
May 16 Javascript
jQuery简单实现上下,左右滑动的方法
Jun 01 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
Jul 21 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
vue实现element表格里表头信息提示功能(推荐)
Nov 20 Javascript
jquery实现直播弹幕效果
Nov 28 jQuery
js实现自动播放匀速轮播图
Feb 06 Javascript
JavaScript onclick事件使用方法详解
May 15 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
本地化存储(1) Vue(10) HashSet集合(1) persistedstate(1) Storage(1) InputStream(1) OutputStream(1) axios(1) vuex(1) Set接口(1)
You might like
Terran兵种介绍
2020/03/14 星际争霸
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
escape、encodeURI 和 encodeURIComponent 的区别
2009/03/02 Javascript
JavaScript 字符串乘法
2009/08/20 Javascript
jQuery代码优化之基本事件
2011/11/01 Javascript
调试JavaScript中正则表达式中遇到的问题
2015/01/27 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
2015/03/11 Javascript
jQuery插件 Jqplot图表实例
2016/06/18 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
2016/10/24 Javascript
Bootstrap table两种分页示例
2016/12/23 Javascript
JQuery validate 验证一个单独的表单元素实例
2017/02/17 Javascript
js前端日历控件（悬浮、拖拽、自由变形）
2017/03/02 Javascript
seajs和requirejs模块化简单案例分析
2019/08/26 Javascript
vue本地打开build后生成的dist文件夹index.html问题
2019/09/04 Javascript
Vue-cli3多页面配置详解
2020/03/22 Javascript
《javascript设计模式》学习笔记七：Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
js实现九宫格布局效果
2020/05/28 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
vue 手机物理监听键+退出提示代码
2020/09/09 Javascript
[00:31]DOTA2荣耀之路7：Miracle-空血无敌斩
2018/05/31 DOTA
Python ljust rjust center输出
2008/09/06 Python
python k-近邻算法实例分享
2014/06/11 Python
python文件的md5加密方法
2016/04/06 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
python:接口间数据传递与调用方法
2018/12/17 Python
python装饰器代替set get方法实例
2019/12/19 Python
Python类成员继承重写的实现
2020/09/16 Python
享誉全球的多元化时尚精品购物平台：Farfetch发发奇（支持中文）
2017/08/08 全球购物
化学学院毕业生自荐信范文
2013/12/17 职场文书
函授毕业自我鉴定
2014/02/04 职场文书
优秀毕业生事迹材料
2014/02/12 职场文书
发展党员工作情况汇报
2014/10/28 职场文书
个人党性分析材料
2014/12/19 职场文书
2019年怎样才能撰写出优秀的自荐信
2019/03/25 职场文书