溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關利用JavaScript中定時事件做一個定時器的方法的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
setInterval() 方法
是按照指定的周期（以毫秒為單位）來調用函數或計算表達式。
setInterval(code,millisec[,"lang"])
code：要調用的函數或要執行的代碼
millisec：周期性執行或調用 code 之間的時間間隔，以毫秒為單位
如果調用了setInterval() 方法那么它就會不停地調用函數，直到 clearInterval() 函數的出現或者窗口被關閉，而且 setInterval() 返回的 ID 值可以用作 clearInterval() 方法的參數。
但是setInterval() 方法的計時有一定的誤差
setTimeout() 方法
用于在指定的毫秒數后調用函數或計算表達式，但只調用一次，同樣有clearTimeout()方法用來清除 setTimeout()讓他停止執行
案例分享
用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">
秒數：<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(){
//秒數自增，當秒數增加到60時分鐘自增，秒數清零
seconds1++;
if(seconds1==60)
{
seconds1=0;
minutes1++;
}
minutes.value=minutes1;
seconds.value=seconds1;
if(minutes1==2)//到兩分鐘的時候定時器清除
{
clearInterval(timer);
}
},100)
</script>
</body>
</html>
感謝各位的閱讀！關于利用JavaScript中定時事件做一個定時器的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
