這篇文章給大家分享的是有關(guān)利用JavaScript中定時事件做一個定時器的方法的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
成都創(chuàng)新互聯(lián)公司 - 移動服務(wù)器托管,四川服務(wù)器租用,成都服務(wù)器租用,四川網(wǎng)通托管,綿陽服務(wù)器托管,德陽服務(wù)器托管,遂寧服務(wù)器托管,綿陽服務(wù)器托管,四川云主機,成都云主機,西南云主機,移動服務(wù)器托管,西南服務(wù)器托管,四川/成都大帶寬,機柜大帶寬、租用·托管,四川老牌IDC服務(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ù)自增,當秒數(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>
感謝各位的閱讀!關(guān)于利用JavaScript中定時事件做一個定時器的方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
標題名稱:利用JavaScript中定時事件做一個定時器的方法-創(chuàng)新互聯(lián)
分享URL:http://jinyejixie.com/article6/dpeeig.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、動態(tài)網(wǎng)站、網(wǎng)站導航、小程序開發(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)
猜你還喜歡下面的內(nèi)容