jsでカウントダウンタイマーの秒数を表示する方法

JavaScript では、setInterval() 関数を使用してカウントダウン タイマーを実装し、残りの秒数を表示できます。カウントダウンする秒数を決定するには、setInterval() 関数を使用します。残りの秒数を毎秒確認し、残りの秒数が 0 になったらタイマーをクリアして表示を更新します。

JavaScript のカウントダウン タイマーは秒表示を実装します

JavaScript では、setInterval() 関数を使用して次のことができます。カウントダウンタイマーを実装し、残り秒数を表示します。その方法は次のとおりです:

手順:

1. カウントダウンする秒数を決定します。
2. 残りの秒数を保存する変数を作成します。
3. setInterval() 関数を使用して、残りの秒数を毎秒確認し、表示を更新します。
4. 残り秒数が 0 になったら、タイマーをクリアします。

コード例:

<code class="javascript">// 设定倒计时秒数
const totalSeconds = 60;

// 创建剩余秒数变量
let remainingSeconds = totalSeconds;

// 创建定时器，每秒检查剩余秒数
const timer = setInterval(() => {
  // 更新剩余秒数显示
  document.getElementById("timer").textContent = remainingSeconds;

  // 减少剩余秒数
  remainingSeconds--;

  // 当剩余秒数达到 0 时，清除定时器
  if (remainingSeconds === 0) {
    clearInterval(timer);
  }
}, 1000);</code>

コードの説明:

• totalSeconds この変数には、カウントダウンする秒数が格納されます。
• remainingSeconds この変数には残りの秒数が格納され、タイマーが起動するたびに更新されます。
• setInterval() この関数は、1000 ミリ秒 (1 秒) ごとにコールバック関数をトリガーします。
• コールバック関数で、残り秒数の表示を更新し、残り秒数をデクリメントして、残り秒数が 0 になったかどうかを確認します。
• 残り秒が 0 の場合は、タイマーをクリアしてカウントダウンを停止します。

以上がjsでカウントダウンタイマーの秒数を表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。