js中定時器與延時器的用法

2021-10-03 20:23:07 字數 1360 閱讀 4129

新增定時器:

刪除定時器(此處的timer(自定義)是定時器的順序,在後面的部分我會介紹到):

然後我們介紹一下它們的具體用法:

settimeout 只能執行一次,請看下面的**:

執行的效果如下面所示(只能生成乙個小盒子)

setinterval中這個函式可以無限迴圈執行,將上面的倒數第二行**替換成如下**,則效果會有天差別的的變化:

var timer = setinterval('print()',1000);
執行的效果如下圖所示,可以無限次生成盒子:

也可以直接將函式寫在定時器中,具體可看個人喜好.如下面的**:

var x = setinterval(function(),1000);
定時器是有順序的,當檔案中存在多個定時器時,想要刪除定時器就要通過定時器的返回值(即該定時器在檔案中的順序來進行刪除),比如我在下面的**中新增三個定時器,然後列印他們的值.

var timer1 = settimeout('print()',1000);

var timer2 = settimeout('print()',1000);

var timer3 = settimeout('print()',1000);

var timer4 = settimeout('print()',1000);

console.log(`我是第乙個定時器$`);

console.log(`我是第二個定時器$`);

console.log(`我是第三個定時器$`);

console.log(`我是第四個定時器$`);

列印的結果如下圖所示

想要清除定時器就要用cleartimeout()  和clearinterval()來清除已經設定的定時器,兩者均只接受乙個引數. 如下面的**,清除剛才設定的四個定時器

clearinterval(timer1);

clearinterval(timer2);

clearinterval(timer3);

clearinterval(timer4);

定時器和延時器(利用定時器製作倒計時)

一 延時器 settimeout 1.延時器 settimeout 的工作方式是 當設定乙個延時器是5s後進行時,並不代表它5s後就立即執行,只是代表它5s後會被加入佇列,如果5s後,佇列沒有其他東西,那麼延時器的 會立即執行,否則會延遲執行。因此,關於延時器最重要的一點是 指定的時間間隔 如設定5...

定時器與延時函式

stm32定時器包含基本定時器 通用定時器和高階定時器,其中tim6和tim7是stm32當中的基本定時器,作為初學者,先從最基本的學起最容易,下面我們用這個定時器實現毫秒延時函式來入門stm32定時器的應用。學習微控制器,就是學習使用它的暫存器。即便你用庫函式,暫存器也是必須要學習的。tim6 t...

定時器和延時

interrupt 中斷優先順序 定時器和延時的區別 定時器,是指在做一件事情過程中,後台有個計時器,預定時間到後觸發另一項工作。延時,是指在做一件事情過程中,保持一種工作狀態的時間。利用迴圈處理的方式實現的延時,並不精確。1 當中斷發生時,cpu被打斷先執行中斷服務。導致執行時間變長。2 使用高階...