Rumah > hujung hadapan web > tutorial js > Bagaimana untuk memaparkan detik dalam pemasa undur dalam js

Bagaimana untuk memaparkan detik dalam pemasa undur dalam js

下次还敢
Lepaskan: 2024-05-01 06:42:16
asal
1245 orang telah melayarinya

Anda boleh melaksanakan pemasa undur dan memaparkan detik yang tinggal dengan menggunakan fungsi setInterval() dalam JavaScript: tentukan bilangan saat untuk mengira detik buat pembolehubah yang tinggal menggunakan fungsi setInterval() untuk menyemak baki saat; kedua dan kemas kini paparan apabila Apabila baki saat adalah 0, kosongkan pemasa.

Bagaimana untuk memaparkan detik dalam pemasa undur dalam js

Pemasa undur dalam JavaScript melaksanakan paparan saat

Dalam JavaScript, anda boleh menggunakan fungsi setInterval() untuk melaksanakan pemasa undur dan memaparkan detik yang tinggal. Begini cara untuk melakukannya: 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>
Salin selepas log masuk

代码解释:

  • totalSeconds 变量存储要倒计时的秒数。
  • remainingSeconds 变量存储剩余秒数,并在每次定时器触发时更新。
  • setInterval()

    Langkah:

    1. Tentukan bilangan saat yang anda mahu kira detik.
    2. Buat pembolehubah untuk menyimpan baki saat.
    3. Gunakan fungsi setInterval() untuk menyemak baki saat setiap saat dan mengemas kini paparan.
    🎜Kosongkan pemasa apabila baki saat mencapai 0. 🎜

    Contoh kod:

    rrreee

    Penjelasan kod:

      🎜totalSeconds Pembolehubah menyimpan bilangan saat untuk mengira detik. 🎜🎜Pembolehubah remainingSeconds menyimpan baki saat dan dikemas kini setiap kali pemasa menyala. 🎜🎜 Fungsi setInterval() mencetuskan fungsi panggil balik setiap 1000 milisaat (1 saat). 🎜🎜Dalam fungsi panggil balik, kemas kini paparan saat yang tinggal, kurangkan baki saat dan semak sama ada baki saat adalah 0. 🎜🎜Jika baki saat adalah 0, kosongkan pemasa untuk menghentikan kira detik. 🎜🎜

    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!

    sumber:php.cn
    Kenyataan Laman Web ini
    Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
    Tutorial Popular
    Lagi>
    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan