Maison >interface Web >js tutoriel >Comment implémenter le compte à rebours des minutes dans JS (exemple de compte à rebours de dix minutes)
Nous avons souvent besoin de définir un compte à rebours sur la page au travail, alors savez-vous comment implémenter un compte à rebours des minutes en JS ? Cet article partage avec vous un code de compte à rebours JS de dix minutes. C'est très simple et pratique. Les amis intéressés peuvent y jeter un œil.
Écrire du code de compte à rebours JS nécessite de nombreuses connaissances en JavaScript, telles que : if function, Math.floor, timer setInterval, etc. Si vous n'êtes pas sûr, vous pouvez vous référer aux articles pertinents sur le site Web PHP chinois , ou visitez le Tutoriel vidéo JavaScript.
Exemple : compte à rebours de 10 minutes pour l'examen. Lorsqu'il ne reste que cinq minutes, il vous rappellera qu'il ne reste que 5 minutes. À la fin du temps imparti, l'examen sera terminé. Le code spécifique est le suivant :
Partie HTML :
<body> <div id="timer"></div> <div id="warring"></div> </body>
Partie JavaScript :
<script type="text/javascript"> var maxtime = 10 * 60; // function CountDown() { if (maxtime >= 0) { minutes = Math.floor(maxtime / 60); seconds = Math.floor(maxtime % 60); msg = "距离结束还有" + minutes + "分" + seconds + "秒"; document.all["timer"].innerHTML = msg; if (maxtime == 5 * 60)alert("距离结束仅剩5分钟"); --maxtime; } else{ clearInterval(timer); alert("时间到,结束!"); } } timer = setInterval("CountDown()", 1000); </script>
Étapes spécifiques du code du compte à rebours de dix minutes JS :
1 , Définissez la durée de l'examen maxtime = 10 * 60 secondes, soit 10 minutes
2. Utilisez la fonction if pour déterminer lorsque maxtime est supérieur ou égal à zéro, déterminez les minutes restantes. et secondes
3. Utilisez à nouveau la fonction if Jugement, lorsqu'il ne reste que 5 minutes, une invite apparaît : Il ne reste que 5 minutes avant la fin
4. Si l'heure est terminé, effacez la minuterie et invitez : Fin
L'effet est comme indiqué dans la figure :
Ce qui précède est un code JS qui compte à rebours jusqu'à dix minutes avec des étapes très détaillées, faciles à comprendre. Les débutants peuvent l'essayer par eux-mêmes pour voir s'ils peuvent obtenir l'effet de compte à rebours. vous sera utile !
【Tutoriels recommandés】
1. Manuel de référence en chinois JavaScript
2 Tutoriel vidéo JavaScript
3. tutoriel bootstrap
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!