JS实现按钮控制计时开始和停止功能
更新时间：2017年07月27日 08:43:19 作者：dtsxx123
这篇文章给大家介绍了JS实现按钮控制计时开始和停止功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
下面给大家分享一段实例代码关于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实现按钮控制计时开始和停止功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
iis6+javascript Add an Extension File
iis6+javascript Add an Extension File...2007-06-06
详解JavaScript Promise和Async/Await
这篇文章主要介绍了JavaScript Promise和Async/Await，对异步编程感兴趣的同学，可以参考下2021-04-04
用js实现的拖动表格的tr行的实现代码，需要的朋友可以参考下。2011-05-05
下面小编就为大家带来一篇js中的关联数组与普通数组详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-07-07
本文给大家介绍bootstrap按钮相关知识，包括按钮大小、按钮状态、按钮标签相关样式定义，对bootstrap按钮相关知识感兴趣的朋友一起学习吧2016-01-01
这篇文章主要介绍了JavaScript数据结构之单链表、循环链表，详细的介绍了JavaScript如何实现单链表、循环链表，有兴趣的可以了解一下2017-11-11
这篇文章主要介绍了微信小程序首页的分类功能和搜索功能的实现思路及代码详解,微信宣布了微信小程序开发者工具新增“云开发”功能，现在无需服务器即可实现小程序的快速迭代，感兴趣的朋友跟随小编一起看看吧2018-09-09
这篇文章主要为大家介绍了GoJs中标题和缩略图使用技巧详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目，本文介绍了bootstrap的常用组件和栅格式布局详解，有兴趣的可以了解一下2017-05-05
这篇文章主要介绍了prototype框架中美元符号$用法,结合实例形式较为详细的分析了$符号的使用技巧与相关注意事项,需要的朋友可以参考下2016-01-01
最新评论