Au travail, nous avons souvent besoin de définir un compte à rebours sur la page. Savez-vous comment écrire du code de compte à rebours JS ? Cet article partagera avec vous le code de compte à rebours JS le plus simple, ainsi que les idées détaillées de code de compte à rebours JS. Il a une certaine valeur de référence et les amis intéressés peuvent y jeter un œil.
Exemple : Fixez une date limite et affichez le temps restant. Par exemple, Double Eleven arrive bientôt et les commerçants organisent des activités. Ils peuvent utiliser le compte à rebours JS pour indiquer combien de temps il reste jusqu'à la fin de l'activité. Le code spécifique est le suivant :
Partie HTML :
1 2 3 4 5 6 7 8 |
|
Donner quatre balises pour afficher les jours, heures, minutes et secondes restants
Partie JavaScript :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
|
Idées de code JS du compte à rebours :
1 Utilisez date = new Date() pour obtenir l'heure actuelle
2. endDate = new Date("2018-10-31 0:0:0")
3. Obtenez le décalage horaire leftTime = end-now
4. ,s, Utilisez la fonction if pour déterminer les jours, heures, minutes et secondes restants
5. Utilisez innerHTML pour attribuer l'heure au div
6. Appelez récursivement la fonction countTime toutes les secondes. pour afficher l'effet de temps dynamique
L'effet est comme indiqué sur l'image :
Ce qui précède a partagé avec vous un simple code de compte à rebours JS et l'a expliqué l'idée du code de compte à rebours JS en détail. Vous pouvez l'utiliser directement au travail. Les débutants peuvent l'essayer par eux-mêmes pour voir s'ils peuvent obtenir l'effet de compte à rebours. pour vous!
Tutoriels vidéo associés recommandés : Tutoriel vidéo JavaScript
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!