Maison > Article > interface Web > Comment implémenter le compte à rebours des minutes dans JS (exemple de compte à rebours de dix minutes)

Comment implémenter le compte à rebours des minutes dans JS (exemple de compte à rebours de dix minutes)

yuliaoriginal: 2018-10-17 17:20:3020952parcourir

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 :

Comment implémenter le compte à rebours des minutes dans JS (exemple de compte à rebours de dix minutes)

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!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Utilisez JavaScript pour trouver la plus grande sous-chaîne identique de deux chaînes (exemple de code)Article suivant：Utilisez JavaScript pour trouver la plus grande sous-chaîne identique de deux chaînes (exemple de code)

Articles Liés

Voir plus