2024 IT鐵人賽 Day15 -計時器 setTimeout()

javascript javascript 30

will93068 2024-10-12 12:45:10 ‧ 205 瀏覽

分享至

計時器 setTimeout()

執行次數：

setTimeout：只執行一次。
setInterval：重複執行，直到被明確停止。
用途：
setTimeout：適用於一次性的延遲任務。
setInterval：適用於需要定期重複執行的任務。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>計時器 setTimeout()</title>
  </head>
  <body>
    <h1 class="time"></h1>

    <script>
      const time = document.querySelector(".time");

      let status = "5秒後執行";
      time.innerHTML = status;

      setTimeout(() => {
        status = "開始執行";

        time.innerHTML = status;
      }, 5000);
      setTimeout(() => {
        status = "結束";
        time.innerHTML = status;
      }, 8000);
    </script>
  </body>
</html>