编程 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.LazyLoad.js修正版下载，实现图片延迟加载插件

Mar 12 Javascript

IE与FireFox中的childNodes区别

Oct 20 Javascript

Angular2 (RC4) 路由与导航详解

Sep 21 Javascript

jQuery实现淡入淡出的模态框

Feb 09 Javascript

js实现随机数字字母验证码

Jun 19 Javascript

微信小程序中setInterval的使用方法

Sep 29 Javascript

JS中this的指向以及call、apply的作用

May 06 Javascript

JS实现的冒泡排序，快速排序，插入排序算法示例

Mar 02 Javascript

vue双向绑定及观察者模式详解

Mar 19 Javascript

javascript面向对象三大特征之多态实例详解

Jul 24 Javascript

JS中数组实现代码(倒序遍历数组,数组连接字符串)

Dec 29 Javascript

详解Vue的sync修饰符

May 15 Vue.js

关于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/12/04 PHP

PHP获取php,mysql,apche的版本信息示例代码

2014/01/16 PHP

PHP批量删除、清除UTF-8文件BOM头的代码实例

2014/04/14 PHP

phpnow php探针环境检测代码

2014/11/04 PHP

thinkPHP实现瀑布流的方法

2014/11/29 PHP

详谈PHP编码转换问题

2015/07/28 PHP

PHP中模拟链表和链表的基本操作示例

2016/02/27 PHP

Smarty模板简单配置与使用方法示例

2016/05/23 PHP

浅谈php的TS和NTS的区别

2019/03/13 PHP

PhpStorm连接服务器并实现自动上传功能

2020/12/09 PHP

json数据的列循环示例

2013/09/06 Javascript

各种常用的JS函数整理

2013/10/25 Javascript

快速解决jQuery与其他库冲突的方法介绍

2014/01/02 Javascript

easyui Droppable组件实现放置特效

2015/08/19 Javascript

JavaScript中splice与slice的区别

2017/05/09 Javascript

vue实现pdf导出解决生成canvas模糊等问题(推荐)

2018/10/18 Javascript

JS数组扁平化、去重、排序操作实例详解

2020/02/24 Javascript

Vue清除定时器setInterval优化方案分享

2020/07/21 Javascript

vue 使用vant插件做tabs切换和无限加载功能的实现

2020/11/04 Javascript

[15:46]教你分分钟做大人——沙王

2015/03/11 DOTA

[49:11]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.20

2020/12/23 DOTA

python的schedule定时任务模块二次封装方法

2019/02/19 Python

python的pygal模块绘制反正切函数图像方法

2019/07/16 Python

使用Python将字符串转换为格式化的日期时间字符串

2019/09/01 Python

python hash每次调用结果不同的原因

2019/11/21 Python

Django模板获取field的verbose_name实例

2020/05/19 Python

python 简单的调用有道翻译

2020/11/25 Python

HTML5 canvas基本绘图之图形组合

2016/06/27 HTML / CSS

中软国际Java程序员机试题

2012/08/19 面试题

致长跑运动员加油稿

2014/02/20 职场文书

个人查摆剖析材料

2014/10/04 职场文书

学生会辞职信

2015/03/02 职场文书

个人总结与自我评价2015

2015/03/11 职场文书

带你彻底理解JavaScript中的原型对象

2021/04/14 Javascript

MySQL 8.0 驱动与阿里druid版本兼容问题解决

2021/07/01 MySQL

postgresql 删除重复数据案例详解

2021/08/02 PostgreSQL