Comment afficher les secondes dans le compte à rebours en js

Comment implémenter un compte à rebours d'affichage des secondes en JavaScript : créez la variable seconds pour stocker les secondes. Créez une minuterie qui appelle la fonction de compte à rebours à intervalles d'une seconde. Dans la fonction de compte à rebours, décrémentez les secondes et mettez à jour l'heure dans l'élément HTML timer. Lorsque les secondes atteignent 0, effacez la minuterie.

Comment implémenter le compte à rebours pour l'affichage des secondes en JavaScript

Créer des variables et des minuteries :

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

fonction de compte à rebours :

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

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

Code HTML : rreee

Comment ça marche ：

Créer des variables et des minuteries :
1. Créez une variable secondes pour stocker les secondes et utilisez la fonction setInterval pour créer un compte à rebours, en appelant la fonction countdown toutes les secondes. . seconds 来存储秒数，并使用 setInterval 函数创建倒计时器，每隔 1 秒调用 countdown 函数。
2. countdown 函数：在 countdown 函数中，将 seconds 减一，并将其转换为字符串 "s" 格式。然后将更新后的时间显示在 HTML 中的 timer 元素中。
3. 清除计时器：当 secondsFonction compte à rebours :
Dans la fonction compte à rebours, décrémentez les secondes d'une unité et convertissez-la au format de chaîne "s". L'heure mise à jour est ensuite affichée dans un élément timer en HTML.

🎜🎜Effacer le minuteur : 🎜Lorsque secondes atteint 0, utilisez clearInterval pour effacer le minuteur et arrêter le compte à rebours. 🎜🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!