快捷導(dǎo)航

JS實(shí)現(xiàn)按鈕控制計(jì)時(shí)開(kāi)始和停止功能

更新時(shí)間：2017年07月27日 08:43:19 作者：dtsxx123

這篇文章給大家介紹了JS實(shí)現(xiàn)按鈕控制計(jì)時(shí)開(kāi)始和停止功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧

下面給大家分享一段實(shí)例代碼關(guān)于JS實(shí)現(xiàn)按鈕控制計(jì)時(shí)開(kāi)始和停止功能，具體代碼如下所示：

<span style="font-size:18px;"><body> 
 小鬧鐘: <span id="nz"></span> 
 <input type="button" value="開(kāi)始計(jì)時(shí)" onclick="nzbg(this)"> 
 <input type="button" value="結(jié)束計(jì)時(shí)" 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 == "開(kāi)始計(jì)時(shí)") 
   { 
    nz_bg = window.setInterval("nzbg()",1000); 
   } 
   if (obj.value == "結(jié)束計(jì)時(shí)") 
   { 
    nz_bg = window.clearInterval(nz_bg); 
   } 
  } 
 </script> 
 </body></span>

總結(jié)

以上所述是小編給大家介紹的JS實(shí)現(xiàn)按鈕控制計(jì)時(shí)開(kāi)始和停止功能，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

iis6+javascript Add an Extension File
iis6+javascript Add an Extension File...
2007-06-06
詳解JavaScript Promise和Async/Await
這篇文章主要介紹了JavaScript Promise和Async/Await，對(duì)異步編程感興趣的同學(xué)，可以參考下
2021-04-04
javascript 拖動(dòng)表格行實(shí)現(xiàn)代碼
用js實(shí)現(xiàn)的拖動(dòng)表格的tr行的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2011-05-05
js中的關(guān)聯(lián)數(shù)組與普通數(shù)組詳解
下面小編就為大家?guī)?lái)一篇js中的關(guān)聯(lián)數(shù)組與普通數(shù)組詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07
詳解Bootstrap按鈕
本文給大家介紹bootstrap按鈕相關(guān)知識(shí)，包括按鈕大小、按鈕狀態(tài)、按鈕標(biāo)簽相關(guān)樣式定義，對(duì)bootstrap按鈕相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
JavaScript數(shù)據(jù)結(jié)構(gòu)之單鏈表和循環(huán)鏈表
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之單鏈表、循環(huán)鏈表，詳細(xì)的介紹了JavaScript如何實(shí)現(xiàn)單鏈表、循環(huán)鏈表，有興趣的可以了解一下
2017-11-11
微信小程序首頁(yè)的分類(lèi)功能和搜索功能的實(shí)現(xiàn)思路及代碼詳解
這篇文章主要介紹了微信小程序首頁(yè)的分類(lèi)功能和搜索功能的實(shí)現(xiàn)思路及代碼詳解,微信宣布了微信小程序開(kāi)發(fā)者工具新增“云開(kāi)發(fā)”功能，現(xiàn)在無(wú)需服務(wù)器即可實(shí)現(xiàn)小程序的快速迭代，感興趣的朋友跟隨小編一起看看吧
2018-09-09
GoJs中標(biāo)題和縮略圖使用技巧
這篇文章主要為大家介紹了GoJs中標(biāo)題和縮略圖使用技巧詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-05-05
bootstrap的常用組件和柵格式布局詳解
Bootstrap 是最受歡迎的 HTML、CSS 和 JS 框架，用于開(kāi)發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目，本文介紹了bootstrap的常用組件和柵格式布局詳解，有興趣的可以了解一下
2017-05-05
prototype框架中美元符號(hào)$用法分析
這篇文章主要介紹了prototype框架中美元符號(hào)$用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了$符號(hào)的使用技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-01-01