Maison > Article > interface Web > Comment afficher les secondes dans le compte à rebours en js
Vous pouvez implémenter un compte à rebours et afficher les secondes restantes en utilisant la fonction setInterval() en JavaScript : déterminez le nombre de secondes à rebours ; créez la variable des secondes restantes ; utilisez la fonction setInterval() pour vérifier les secondes restantes toutes les ; seconde et mettre à jour l'affichage; lorsque lorsque les secondes restantes sont 0, effacez la minuterie.
En JavaScript, vous pouvez utiliser la fonction setInterval()
pour implémenter un compte à rebours et afficher les secondes restantes. Voici comment procéder : setInterval()
函数来实现倒计时器并显示剩余秒数。以下是如何实现:
setInterval()
函数每秒检查剩余秒数并更新显示。<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()
setInterval()
pour vérifier les secondes restantes chaque seconde et mettre à jour l'affichage. totalSeconds
La variable stocke le nombre de secondes à rebours. 🎜🎜La variable remainingSeconds
stocke les secondes restantes et est mise à jour à chaque fois que le minuteur se déclenche. La fonction 🎜🎜setInterval()
déclenche une fonction de rappel toutes les 1000 millisecondes (1 seconde). 🎜🎜Dans la fonction de rappel, mettez à jour l'affichage des secondes restantes, décrémentez les secondes restantes et vérifiez si les secondes restantes sont 0. 🎜🎜Si les secondes restantes sont 0, effacez le minuteur pour 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!