jquery 如何讓定時器暫停

2019-12-11 22:41:21

jquery定時器有2個，分別是setTimeout和setInterval。

setTimeout延時觸發一次函數。

setInterval每隔指定時間觸發一次函數。

下面是介紹怎麼用jquery讓定時器暫停。

第一步，開啟sublimeText編輯器，如下圖

第二步，引入Jquery庫，如下圖

第三步，使用setTimeout編寫一個定時器的例子，

setTimeout(alertHello, 5000);

function alertHello() {alert("Hello!");}

例子意思是5秒後彈出一個hello的提示框。

詳細程式碼以及效果如下圖

第四步，暫停setTimeout定時器，

使用clearTimeout()方法，程式碼如下圖

第一步，開啟sublimeText編輯器，如下圖

第二步，引入Jquery庫，如下圖

第三步，使用setInterval編寫一個定時器的例子，

var num=1;

var timeout = setInterval(consoleHello, 1000);

function consoleHello() {console.log("Hello!"+ num++); }

例子意思：每隔1秒列印一次hello

詳細程式碼以及效果如下圖

第四步，暫停setInterval定時器，

使用clearInterval()方法，詳細程式碼如下圖