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

学习js所必须要知道的一些

Mar 07 Javascript

setInterval 和 setTimeout会产生内存溢出

Feb 15 Javascript

简单实现兼容各大浏览器的js复制内容到剪切板

Sep 09 Javascript

学习AngularJs:Directive指令用法（完整版）

Apr 26 Javascript

BootStrap学习笔记之nav导航栏和面包屑导航

Jan 03 Javascript

Jquery与Bootstrap实现后台管理页面增删改查功能示例

Jan 22 Javascript

Angularjs使用过滤器完成排序功能

Sep 20 Javascript

jquery 获取索引值在一定范围的列表方法

Jan 25 jQuery

Bootstrap模态对话框用法简单示例

Aug 31 Javascript

VUE搭建手机商城心得和遇到的坑

Feb 21 Javascript

环形加载进度条封装（Vue插件版和原生js版）

Dec 04 Javascript

node.js爬虫框架node-crawler初体验

Oct 29 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

Apache下禁止php文件被直接访问的解决方案

2013/04/25 PHP

PHP 中魔术常量的实例详解

2017/10/26 PHP

php静态成员方法和静态的成员属性的使用方法

2017/10/26 PHP

laravel-admin 中列表筛选方法

2019/10/03 PHP

PHP字符串与数组处理函数用法小结

2020/01/07 PHP

setTimeout和setInterval的浏览器兼容性分析

2007/02/27 Javascript

jQuery替换字符串(实例代码)

2013/11/13 Javascript

Javascript字符串浏览器兼容问题分析

2014/12/01 Javascript

基于jQuery实现仿百度首页换肤背景图片切换代码

2015/08/25 Javascript

在Html中使用Requirejs进行模块化开发实例详解

2016/04/15 Javascript

JavaScript每天必学之数组和对象部分

2016/09/17 Javascript

ES2015 Symbol 一种绝不重复的值

2016/12/25 Javascript

JQuery查找子元素find()和遍历集合each的方法总结

2017/03/07 Javascript

react+ant design实现Table的增、删、改的示例代码

2018/12/27 Javascript

JQueryDOM之样式操作

2019/03/27 jQuery

ES6知识点整理之函数对象参数默认值及其解构应用示例

2019/04/17 Javascript

vue与iframe之间的信息交互的实现

2020/04/08 Javascript

Angular+ionic实现折叠展开效果的示例代码

2020/07/29 Javascript

[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访

2016/06/29 DOTA

解决Pandas的DataFrame输出截断和省略的问题

2019/02/08 Python

python3使用GUI统计代码量

2019/09/18 Python

Python简单实现词云图代码及步骤解析

2020/06/04 Python

python中关于数据类型的学习笔记

2020/07/19 Python

python实现简单的井字棋游戏(gui界面)

2021/01/22 Python

浅析两列自适应布局的3种思路

2016/05/03 HTML / CSS

CSS3 Columns分列式布局方法简介

2014/05/03 HTML / CSS

澳大利亚最大的女装零售商：Millers

2017/09/10 全球购物

台湾良兴购物网：EcLife

2019/12/01 全球购物

家乐福台湾线上购物网：Carrefour台湾

2020/09/15 全球购物

Myprotein亚太地区：欧洲第一在线运动营养品牌

2020/12/20 全球购物

abstract class和interface有什么区别

2013/08/04 面试题

财务会计人员岗位职责

2013/11/30 职场文书

党员自我评价分享

2013/12/13 职场文书

先进事迹报告会主持词

2014/04/02 职场文书

生活小常识广播稿

2014/09/16 职场文书

如何利用STAR法则制作留学文书？

2019/08/26 职场文书