JS實(shí)現(xiàn)按鈕控制計(jì)時(shí)開始和停止功能
下面給大家分享一段實(shí)例代碼關(guān)于JS實(shí)現(xiàn)按鈕控制計(jì)時(shí)開始和停止功能,具體代碼如下所示:
<span style="font-size:18px;"><body> 小鬧鐘: <span id="nz"></span> <input type="button" value="開始計(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 == "開始計(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í)開始和停止功能,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
第四篇Bootstrap網(wǎng)格系統(tǒng)偏移列和嵌套列
這篇文章主要介紹了Bootstrap網(wǎng)格系統(tǒng)偏移列和嵌套列的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06JavaScript數(shù)據(jù)庫TaffyDB用法實(shí)例分析
這篇文章主要介紹了JavaScript數(shù)據(jù)庫TaffyDB用法,實(shí)例分析了TaffyDB數(shù)據(jù)庫的定義、查詢、更新、刪除等操作的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07JavaScript提高網(wǎng)站性能優(yōu)化的建議(二)
這篇文章主要介紹了JavaScript提高網(wǎng)站性能優(yōu)化的建議(二)的相關(guān)資料,需要的朋友可以參考下2016-07-07給localStorage設(shè)置一個(gè)過期時(shí)間的方法分享
我們都知道localStorage不主動(dòng)刪除,永遠(yuǎn)不會(huì)銷毀,那么如何設(shè)置localStorage的過期時(shí)間呢?下面這篇文章主要給大家介紹了關(guān)于如何給localStorage設(shè)置一個(gè)過期時(shí)間的相關(guān)資料,需要的朋友可以參考下2018-11-11Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式
JavaScript 可用來在數(shù)據(jù)被送往服務(wù)器前對(duì) HTML 表單中的這些輸入數(shù)據(jù)進(jìn)行驗(yàn)證。接下來通過本文給大家介紹Javascript的表單驗(yàn)證-初識(shí)正則表達(dá)式,對(duì)js表單驗(yàn)證正則表達(dá)式相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-03-03關(guān)于webpack2和模塊打包的新手指南(小結(jié))
本篇文章主要介紹了關(guān)于webpack2和模塊打包的新手指南(小結(jié)),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-08-08js客戶端快捷鍵管理類的較完整實(shí)現(xiàn)和應(yīng)用
js客戶端快捷鍵管理類的較完整實(shí)現(xiàn)和應(yīng)用,需要的朋友可以參考下。2010-06-06引入autocomplete組件時(shí)JS報(bào)未結(jié)束字符串常量錯(cuò)誤
在引入jQuery的autocomplete組件時(shí),遇到j(luò)s報(bào)未結(jié)束字符串常量錯(cuò)誤,原因及解決方法如下,大家可以參考下2014-03-03一文詳解JavaScript數(shù)組對(duì)象和字符串對(duì)象
這篇文章主要介紹了JavaScript數(shù)組對(duì)象和字符串對(duì)象,文章中有詳細(xì)的代碼示例,對(duì)學(xué)習(xí)或工作有一定的幫助,需要的小伙伴可以參考一下2023-04-04