在JS中定時器有非常大的作用,例如:
-
執行延遲操作:使用setTimeout可以在一定的延遲后執行特定的代碼,這對于需要在一定時間后執行某些操作的情況非常有用,例如延遲顯示提示資訊、執行影片效果等,
-
定期重繪資料:使用
setInterval
可以定期執行某段代碼,例如定時從服務器獲取最新資料并更新頁面內容,實作實時資料展示, -
輪播圖和幻燈片效果:定時器可以用于實作輪播圖或幻燈片效果,通過定期更改顯示的圖片或內容,創建回圈播放的效果,
-
定時提醒和通知:通過設定定時器,可以在指定的時間點觸發提醒或通知,例如定時提醒用戶完成某個任務、發送定時通知等,
-
實時搜索和自動完成:定時器可以在用戶輸入時延遲一段時間,然后執行搜索或自動完成的操作,以提高用戶體驗并減少不必要的請求次數,
-
定時執行定時任務:在一些特定的業務場景下,需要在固定的時間點執行某些任務,例如定時備份資料、定時清理快取等
但是在定時器開啟后,要注意清除定時器
setTimeout---------------------clearTimeout(定時器的變數名) setInterval----------------------clearInterval(定時器的變數名) 用法 setTimeout(可以執行多次) 1:直接使用匿名函式作為引數 setTimeout(function(){ alert("你好") },1000)其中1000是時間,單位是ms,1000ms=1s
結果是1s后彈出“你好”
2:使用命名函式作為引數:
function hi(){ console.log("你好"); } setTimeout(hi,2000)
也可以在函式中插入引數,傳遞給函式的引數,
function hi(name){ console.log("你好"+name); } setTimeout(hi,2000,"明天")
3:使用字串作為引數(不推薦):
setTimeout("console.log('你好');", 2000);
可以使用clearTimeout函式來清除一個定時器
function hi(){ console.log("你好"); } setTimeout(hi,2000) clearTimeout(hi)
用法
setInterval(只能執行一次),用法和setTimeout一樣
1:直接使用匿名函式作為引數
setInterval(function(){ alert("你好") },1000)
其中1000是時間,單位是ms,1000ms=1s
結果是1s后彈出“你好”
2:使用命名函式作為引數:
function hi(){
console.log("你好");
}
setInterval(hi,2000)
也可以在函式中插入引數,傳遞給函式的引數,
function hi(name){
console.log("你好"+name);
}
setInterval(hi,2000,"明天")
3:使用字串作為引數(不推薦):
setInterval("console.log('你好');", 2000);
可以使用clearTimeout函式來清除一個定時器
function hi(){
console.log("你好");
}
setInterval(hi,2000)
clearTimeou(hi)
在不需要定時器時及時清除它們,以避免不必要的資源占用和潛在的問題,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/556736.html
標籤:JavaScript
下一篇:返回列表