溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關利用JavaScript中定時事件做一個定時器的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。
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)或者窗口被關閉，而且 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>
感謝各位的閱讀！關于利用JavaScript中定時事件做一個定時器的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
