利用JavaScript中定時事件做一個定時器的方法-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)利用JavaScript中定時事件做一個定時器的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司 - 移動服務(wù)器托管，四川服務(wù)器租用，成都服務(wù)器租用，四川網(wǎng)通托管,綿陽服務(wù)器托管，德陽服務(wù)器托管，遂寧服務(wù)器托管，綿陽服務(wù)器托管，四川云主機，成都云主機，西南云主機，移動服務(wù)器托管，西南服務(wù)器托管，四川/成都大帶寬，機柜大帶寬、租用·托管，四川老牌ＩＤＣ服務(wù)商

setInterval() 方法

是按照指定的周期（以毫秒為單位）來調(diào)用函數(shù)或計算表達式。

setInterval(code,millisec[,"lang"])

code：要調(diào)用的函數(shù)或要執(zhí)行的代碼

millisec：周期性執(zhí)行或調(diào)用 code 之間的時間間隔，以毫秒為單位

如果調(diào)用了setInterval() 方法那么它就會不停地調(diào)用函數(shù)，直到 clearInterval() 函數(shù)的出現(xiàn)或者窗口被關(guān)閉，而且 setInterval() 返回的 ID 值可以用作 clearInterval() 方法的參數(shù)。

但是setInterval() 方法的計時有一定的誤差

setTimeout() 方法

用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計算表達式，但只調(diào)用一次，同樣有clearTimeout()方法用來清除 setTimeout()讓他停止執(zhí)行

案例分享

用setInterval() 方法寫一個兩分鐘以內(nèi)的定時器

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
input{
width:100px;
height:40px;
background:pink;
color:#fff;
font-size: 20px;
text-align: right;
}
</style>
</head>
<body>
分鐘：<input type="text" value="0">
秒數(shù)：<input type="text" value="0">
<script src="tool.js"></script>
<script>
var minutes=document.getElementsByTagName("input")[0];
var seconds=document.getElementsByTagName("input")[1];
          var minutes1=0;
          var seconds1=0;
          var timer=setInterval(function(){
          //秒數(shù)自增，當(dāng)秒數(shù)增加到60時分鐘自增，秒數(shù)清零
               seconds1++;
      if(seconds1==60)
      {
seconds1=0;
     minutes1++;
     }
     minutes.value=minutes1;
     seconds.value=seconds1;
     if(minutes1==2)//到兩分鐘的時候定時器清除
     {
clearInterval(timer);
}
      
},100)      
</script>
</body>
</html>

利用JavaScript中定時事件做一個定時器的方法

感謝各位的閱讀！關(guān)于利用JavaScript中定時事件做一個定時器的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

標(biāo)題名稱：利用JavaScript中定時事件做一個定時器的方法-創(chuàng)新互聯(lián)
分享URL：http://muchs.cn/article6/dpeeig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、動態(tài)網(wǎng)站、網(wǎng)站導(dǎo)航、小程序開發(fā)、App開發(fā)、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

小程序開發(fā)