3.9 時間間隔相關函式

setTimeout()

隔指定的毫秒數，然後執行第一個函式參數裡的程式，例：

console.log("程式1");

setTimeout(function(){
  console.log("程式2");
  console.log("程式3");
}, 5000); // 5 秒之後，執行第一個函式參數裡的程式。5 秒的時間，瀏覽器不會停在這裡等

console.log("程式4");

// 程式1
// 程式4
// 程式2
// 程式3

setInterval()、clearInterval()

• setInterval()：每隔幾秒，就執行某段程式。

• clearInterval()：停掉 setInterval() 的程式執行。

例 1：

setInterval(function(){
  console.log("程式1");
}, 3000);

console.log("程式2");

例 2：

var i = 0;

var interval_id = setInterval(function(){
  
  console.log("執行");
  i++;
  if(i == 3){
    clearInterval(interval_id); // 停掉「每隔 3 秒，就執行程式」這件事
    console.log("停止執行");
  }
  
}, 3000);

console.log("interval 的 id：" + interval_id);