溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關(guān)js實(shí)現(xiàn)內(nèi)置計時器的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
計時器對于圖片輪播和倒計時之類的與時間相關(guān)的項(xiàng)目有著很大的聯(lián)系，它是實(shí)現(xiàn)這些的核心語法，如何一次深刻理解js計時器？往下看你就知道，有驚喜哦！
js計時器有兩種，一種為延時后單次的執(zhí)行，另一種為延時多次執(zhí)行。通過函數(shù)的遞歸，前者也可以打破壁壘，擁有循環(huán)執(zhí)行的功能。
setTimeout( javascript語句 , 毫秒);
（其中第一個值可以是一個函數(shù) 需要加" "，也可以是代碼）
//延遲一段時間 執(zhí)行 執(zhí)行一次
setInterval("javascript語句" , 毫秒);
（其中第一個值可以是一個函數(shù) 需要加" "，也可以是代碼）
//循環(huán)執(zhí)行
具體實(shí)例 （一些細(xì)節(jié)和具體的用法還是在案例代碼中便于理解）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>計時器</title>
</head>
<body>
<button id="none">停止計時器</button>
<button id="start">開始計時器</button>
<script>
// 有兩個計時器
// setTimeout();
// 延遲一段時間 執(zhí)行 執(zhí)行一次
// setInterval();
// 循環(huán)執(zhí)行
var stoptime=document.getElementById('none');//默認(rèn)從零開始自加 獲取開始按鈕
var starttime=document.getElementById('start');//獲取停止按鈕
var count=0;
var timecount;
// 第一種
/*showtime();
function showtime(){
count++;
console.log(count);
timecount=setTimeout('showtime()',1000);//延時一秒
}//利用遞歸來實(shí)現(xiàn)循環(huán)時間
stoptime.onclick=function(){//停止計時器
clearTimeout(timecount);//將計時器清除，即停止自加
}
starttime.onclick=function(){//開始計時器
timecount=setTimeout('showtime()',1000);//繼續(xù)開始自加
}*/
//優(yōu)點(diǎn)：重啟計時器簡單，由于是原本是單次執(zhí)行，只需將之前的遞歸函數(shù)重新復(fù)制即可 缺點(diǎn)：需要遞歸調(diào)用
// 第二種
showtime();
function showtime(){//封裝函數(shù)
timecount=setInterval(function(){
count++;
console.log(count);
},1000)
}
stoptime.onclick=function(){
clearInterval(timecount);
}
starttime.onclick=function(){
showtime();
}
//優(yōu)點(diǎn)：不需要遞歸調(diào)用，直接實(shí)現(xiàn)循環(huán)。缺點(diǎn)：重啟較復(fù)雜，需要調(diào)用所有函數(shù)，建議封裝函數(shù)。
</script>
</body>
</html>感謝各位的閱讀！關(guān)于“js實(shí)現(xiàn)內(nèi)置計時器的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼