Résumé du code de compte à rebours JS_compétences javascript

Les exemples de cet article résument les codes de compte à rebours JS courants. Partagez-le avec tout le monde pour votre référence. Le résumé spécifique est le suivant :

Le premier type : code de compte à rebours javascript précis à la seconde près

Code HTML :

Copier le code Le code est le suivant :

Il ne reste que quelques jours avant 2010 :

Le deuxième type : une certaine rencontre sportive


Code HTML :

Copier le code

Le code est le suivant :

Le troisième type : compte à rebours des heures

Code HTML :

Copier le code

Le code est le suivant :

Le quatrième type : le compte à rebours le plus simple


Code HTML :

Copier le code

Le code est le suivant :

Le cinquième type : le compte à rebours deux le plus simple

Code HTML :

Copier le code Le code est le suivant : Il reste [] jours

jusqu'à la cérémonie d'ouverture du XX

Sixième : compte à rebours Javascript - utilisation de l'auto-vérification de l'heure du système

Cette fois, l'heure du système est utilisée pour auto-vérifier le compte à rebours, sans réglage manuel pour rendre le compte à rebours plus précis. Le code et les commentaires détaillés sont les suivants :

Copier le code

Le code est le suivant :

00:01:11:00
var normalelapse = 100;
var nextelapse = normalelapse
compteur var;
var heure de début
var start = clock.innerText;
var finition = "00:00:00:00";
var minuterie = nul
// Commencez à courir
fonction exécuter() {
startB.disabled = vrai;
endB.disabled = false;
compteur = 0;
//Heure de début de l'initialisation
startTime = new Date().valueOf();
// nextelapse est le temps de chronométrage, initialement 100 millisecondes
// Faites attention à la fonction setInterval : une fois le temps écoulé nextelapse (millisecondes), onTimer commence à s'exécuter
timer = window.setInterval("onTimer()", nextelapse); }
// Arrête de courir
fonction stop() {
startB.disabled = false;
endB.disabled = true;
window.clearTimeout(minuterie);
}
window.onload = function() {
endB.disabled = true;
}
// Fonction compte à rebours
fonction onTimer()
{
si (début == finir)
{
window.clearInterval(timer);
alert("le temps est écoulé !");
revenez;
}
var hms = new String(start).split(":");
var ms = nouveau Nombre(hms[3]);
var s = nouveau Nombre(hms[2]);
var m = nouveau Nombre(hms[1]);
var h = nouveau Nombre(hms[0]);
ms -= 10;
si (ms < 0)
{
ms = 90 ;
s -= 1 ;
si (s < 0)
{
s = 59;
m -= 1;
}
si (m < 0)
{
m = 59;
h -= 1;
}
}
var ms = ms < 10 ? ("0" ms) : ms
var ss = s <10 ? ("0" s) : s
var sm = m <10 ? ("0" m) : m
var sh = h <10 ? ("0" h) : h ; start = sh ":" sm ":" ss ":" ms
clock.innerText = start; // Efface le dernier minuteur
window.clearInterval(timer);
// Vérifie automatiquement l'heure du système pour obtenir le décalage horaire, et ainsi obtenir l'heure du nouveau minuteur démarré la prochaine fois nextelapse
compteur
var compteurSecs = compteur * 100
var elapseSecs = new Date().valueOf() - startTime
var diffSecs = counterSecs - elapseSecs
nextelapse = normalelapse diffSecs ;
diff.value = counterSecs "-" elapseSecs "=" diffSecs
next.value = "nextelapse = " nextelapse ; si (nextelapse < 0) nextelapse = 0
// Démarre un nouveau timer
timer = window.setInterval("onTimer()", nextelapse); }



J'espère que cet article sera utile à la programmation Web de chacun basée sur JavaScript.