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

ExtJS 2.0实用简明教程之应用ExtJS

Apr 29 Javascript

学习ExtJS fit布局使用说明

Oct 08 Javascript

Javascript基础教程之argument 详解

Jan 18 Javascript

基于JavaScript制作霓虹灯文字代码特效

Sep 01 Javascript

jquery实现经典的淡入淡出选项卡效果代码

Sep 22 Javascript

使用JavaScript为一张图片设置备选路径的方法

Jan 04 Javascript

微信小程序 picker-view 组件详解及简单实例

Jan 10 Javascript

webpack打包node.js后端项目的方法

Mar 10 Javascript

Vue.js中的computed工作原理

Mar 22 Javascript

在vue中多次调用同一个定义全局变量的实例

Sep 25 Javascript

vue-router实现编程式导航的代码实例

Jan 19 Javascript

原生js实现的移动端可拖动进度条插件功能详解

Aug 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

You might like

收音机的保养

2021/03/01 无线电

PHP操作文件方法问答

2007/03/16 PHP

淘宝ip地址查询类分享(利用淘宝ip库)

2014/01/07 PHP

PHP curl实现抓取302跳转后页面的示例

2014/07/04 PHP

PHP中的Streams详细介绍

2014/11/12 PHP

php curl 获取https请求的2种方法

2015/04/27 PHP

JS格式化数字保留两位小数点示例代码

2013/10/15 Javascript

js中style.display=""无效的解决方法

2014/10/30 Javascript

nodejs实现获取某宝商品分类

2015/05/28 NodeJs

简介JavaScript中search()方法的使用

2015/06/06 Javascript

基于JavaScript怎么实现让歌词滚动播放

2015/11/03 Javascript

AngularJS整合Springmvc、Spring、Mybatis搭建开发环境

2016/02/25 Javascript

浅谈angularjs中响应回车事件

2017/04/24 Javascript

js调用刷新界面的几种方式

2017/05/03 Javascript

JS基于正则实现数字千分位用逗号分隔的方法

2017/06/16 Javascript

React Native如何消除启动时白屏的方法

2017/08/08 Javascript

纯js实现页面返回顶部的动画(超简单)

2017/08/10 Javascript

JavaScript中的各种宽高属性的实现

2020/05/08 Javascript

VUE实时监听元素距离顶部高度的操作

2020/07/29 Javascript

[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日

2020/10/31 DOTA

Python中多线程及程序锁浅析

2015/01/21 Python

python 采集中文乱码问题的完美解决方法

2016/09/27 Python

Python读写docx文件的方法

2018/05/08 Python

mac系统下Redis安装和使用步骤详解

2019/07/09 Python

用python读取xlsx文件

2020/12/17 Python

纯CSS3实现滚动的齿轮动画效果

2014/06/05 HTML / CSS

HTML5的新特性(1)

2016/03/03 HTML / CSS

住宅质量保证书

2014/04/29 职场文书

经济信息系毕业生自荐信

2014/06/02 职场文书

我的中国梦演讲稿1000字

2014/08/19 职场文书

招商引资工作汇报材料

2014/10/28 职场文书

南湾猴岛导游词

2015/02/09 职场文书

2015年环卫工作总结

2015/04/28 职场文书

证劵公司反洗钱宣传活动总结

2015/05/08 职场文书

诚实守信主题班会

2015/08/13 职场文书

小学科学课教学反思

2016/02/23 职场文书