Bagaimana untuk memaparkan detik dalam pemasa undur dalam js

Cara melaksanakan pemasa undur paparan saat dalam JavaScript: Cipta saat berubah untuk menyimpan saat. Buat pemasa yang memanggil fungsi undur pada selang 1 saat. Dalam fungsi kira detik, kurangkan saat dan kemas kini masa dalam elemen pemasa HTML. Apabila saat mencapai 0, kosongkan pemasa.

Bagaimanakah untuk melaksanakan pemasa undur paparan detik dalam JavaScript

Buat pembolehubah dan pemasa:

<code class="js">let seconds = 10; // 初始秒数
let timer = setInterval(countdown, 1000); // 以 1 秒间隔调用 countdown 函数</code>

countdown Fungsi:

<code class="js">function countdown() {
  seconds--; // 减少秒数
  let time = `${seconds}s`; // 转换为 "s" 格式
  document.getElementById("timer").innerHTML = time; // 更新 HTML 中的计时器元素

  // 当秒数为 0 时，清除计时器
  if (seconds <= 0) {
    clearInterval(timer);
  }
}</code>

html Code:

<code class="html"><p id="timer"></p></code>

Bagaimana ia berfungsi:

1. Buat pembolehubah dan pemasa: Buat pembolehubah saat untuk menyimpan saat, dan gunakan fungsi setInterval untuk mencipta pemasa undur, memanggil countdown setiap fungsi 1 saat . seconds 来存储秒数，并使用 setInterval 函数创建倒计时器，每隔 1 秒调用 countdown 函数。
2. countdown 函数：在 countdown 函数中，将 seconds 减一，并将其转换为字符串 "s" 格式。然后将更新后的时间显示在 HTML 中的 timer 元素中。
3. 清除计时器：当 seconds

Atas ialah kandungan terperinci Bagaimana untuk memaparkan detik dalam pemasa undur dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!