溫馨提示×

SetTimer實現倒計時功能

小樊
109
2024-06-29 11:59:36
欄目: 編程語言

在JavaScript中,可以使用setTimeoutsetInterval來實現倒計時功能。以下是一個使用setTimeout來實現倒計時的示例代碼:

// 設置倒計時時間(單位:秒)
var countdown = 60;

function timer() {
  // 倒計時結束時停止計時
  if (countdown <= 0) {
    console.log("倒計時結束");
  } else {
    console.log(countdown + " 秒");
    countdown--;
    setTimeout(timer, 1000); // 每隔1秒調用一次timer函數
  }
}

// 開始倒計時
timer();

在上面的代碼中,首先設置了倒計時的初始時間為60秒,然后定義了一個名為timer的函數來實現倒計時邏輯。在timer函數中,首先判斷倒計時是否結束,如果沒有結束則輸出當前倒計時的秒數并將秒數減1,然后通過setTimeout函數每隔1秒調用一次timer函數,實現倒計時效果。

你也可以根據實際需求對倒計時的初始時間、倒計時結束后的操作等進行調整。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女