小編給大家分享一下JavaScript如何實(shí)現(xiàn)計(jì)數(shù)器基礎(chǔ)方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設(shè)、成都網(wǎng)站制作與策劃設(shè)計(jì),黃山區(qū)網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:黃山區(qū)等地區(qū)。黃山區(qū)做網(wǎng)站價(jià)格咨詢:18982081108

通過使用 JavaScript，設(shè)定的時(shí)間間隔之后來執(zhí)行代碼，而不是在函數(shù)被調(diào)用后立即執(zhí)行。稱之為計(jì)時(shí)事件。

在 JavaScritp 中使用計(jì)時(shí)事件是很容易的，兩個(gè)關(guān)鍵方法是:

setInterval() - 間隔指定的毫秒數(shù)不停地執(zhí)行指定的代碼。
setTimeout() - 暫停指定的毫秒數(shù)后執(zhí)行指定的代碼

Note: setInterval() 和 setTimeout() 是 HTML DOM Window對(duì)象的兩個(gè)方法。在這里只介紹了setTimeout()方法；

  
    
    
      var c = 0
      var t

      function timedCount() {
        document.getElementById('txt').value = c;
        c = c + 1;
        //創(chuàng)建計(jì)時(shí)器，在指定周期內(nèi)循環(huán)執(zhí)行
        t = setTimeout("timedCount()", 1000);
      }

      function stopCount() {
        //清除計(jì)時(shí)器
        clearTimeout(t);
      }
    
  

  

    

      
      
      
    



  

效果：

點(diǎn)擊開始則會(huì)從0開始計(jì)數(shù)，停止計(jì)時(shí)則會(huì)暫停在那個(gè)時(shí)刻，再點(diǎn)擊開始則會(huì)繼續(xù)累加計(jì)數(shù)...但是這個(gè)程序有一個(gè)小bug，當(dāng)不停的點(diǎn)擊開始計(jì)時(shí)，計(jì)時(shí)的速度會(huì)增加，而且點(diǎn)擊一次停止計(jì)時(shí)不會(huì)停止，要響應(yīng)的點(diǎn)擊很多次才可以停止.....

以上是“JavaScript如何實(shí)現(xiàn)計(jì)數(shù)器基礎(chǔ)方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！