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

IE6弹出“已终止操作”的解决办法

Nov 27 Javascript

js实现字符串的16进制编码不加密

Apr 25 Javascript

javascript动态控制服务器控件实例

Sep 05 Javascript

jquery常用方法及使用示例汇总

Nov 08 Javascript

基于touch.js手势库+zepto.js插件开发图片查看器（滑动、缩放、双击缩放）

Nov 17 Javascript

js实现五星评价功能

Mar 08 Javascript

基于LayUI实现前端分页功能的方法

Jul 22 Javascript

JavaScript阻止表单提交方法（附代码）

Aug 15 Javascript

js封装成插件_Canvas统计图插件编写实例

Sep 12 Javascript

详解vue-cli与webpack结合如何处理静态资源

Sep 19 Javascript

jQuery实现为table表格动态添加或删除tr功能示例

Feb 19 jQuery

vue路由对不同界面进行传参及跳转的总结

Apr 20 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 无线电

Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法

2011/06/30 PHP

基于MySQL分区性能的详细介绍

2013/05/02 PHP

php 模拟post_验证页面的返回状态(实例讲解)

2013/10/28 PHP

thinkphp,onethink和thinkox中验证码不显示的解决方法分析

2016/06/06 PHP

php利用递归实现删除文件目录的方法

2016/09/23 PHP

PHP PDOStatement::fetch讲解

2019/01/31 PHP

javascript 鼠标滚轮事件

2009/04/09 Javascript

JavaScript 面向对象之命名空间

2010/05/04 Javascript

javascript开发随笔二动态加载js和文件

2011/11/25 Javascript

jquery时间下拉框小例子

2013/04/15 Javascript

jQuery瀑布流插件Wookmark使用实例

2014/04/02 Javascript

table insertRow、deleteRow定义和用法总结

2014/05/14 Javascript

搭建pomelo 开发环境

2014/06/24 Javascript

Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（一）

2015/12/10 Javascript

jQuery获取与设置iframe高度的方法

2016/08/01 Javascript

简单分析javascript中的函数

2016/09/10 Javascript

微信小程序富文本转文本实例详解

2016/10/24 Javascript

手机端js和html5刮刮卡效果

2020/09/29 Javascript

vue2组件之select2调用的示例代码

2017/10/12 Javascript

详解vue-cli官方脚手架配置

2018/07/20 Javascript

在AngularJs中设置请求头信息(headers)的方法及不同方法的比较

2018/09/04 Javascript

IntelliJ IDEA编辑器配置vue高亮显示

2019/09/26 Javascript

JavaScript canvas实现雨滴特效

2021/01/10 Javascript

vue+flask实现视频合成功能(拖拽上传)

2021/03/04 Vue.js

Python基于递归算法实现的汉诺塔与Fibonacci数列示例

2018/04/18 Python

python爬取个性签名的方法

2018/06/17 Python

python-opencv获取二值图像轮廓及中心点坐标的代码

2019/08/27 Python

基于Django框架的权限组件rbac实例讲解

2019/08/31 Python

css3给背景图片加颜色遮罩的方法

2019/11/05 HTML / CSS

浅谈HTML5新增和废弃的标签

2019/04/28 HTML / CSS

欧洲最大的高尔夫零售商：American Golf

2019/09/02 全球购物

计算机毕业生自荐信范文

2014/03/23 职场文书

个人查摆剖析材料

2014/10/04 职场文书

泰山导游词

2015/02/02 职场文书

2015初中生物教研组工作总结

2015/07/21 职场文书