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

setInterval() 方法
是按照指定的周期(以毫秒為單位)來調用函數(shù)或計算表達式。
setInterval(code,millisec[,"lang"])
code:要調用的函數(shù)或要執(zhí)行的代碼
millisec:周期性執(zhí)行或調用 code 之間的時間間隔,以毫秒為單位
如果調用了setInterval() 方法那么它就會不停地調用函數(shù),直到 clearInterval() 函數(shù)的出現(xiàn)或者窗口被關閉,而且 setInterval() 返回的 ID 值可以用作 clearInterval() 方法的參數(shù)。
但是setInterval() 方法的計時有一定的誤差
setTimeout() 方法
用于在指定的毫秒數(shù)后調用函數(shù)或計算表達式,但只調用一次,同樣有clearTimeout()方法用來清除 setTimeout()讓他停止執(zhí)行
案例分享
用setInterval() 方法寫一個兩分鐘以內的定時器
<!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>
感謝各位的閱讀!關于利用JavaScript中定時事件做一個定時器的方法就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
標題名稱:利用JavaScript中定時事件做一個定時器的方法-創(chuàng)新互聯(lián)
分享URL:http://www.yijiale78.com/article6/dpeeig.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網站、動態(tài)網站、網站導航、小程序開發(fā)、App開發(fā)、響應式網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)