JS Countdown Code Résumé

Auteur：Eve Cole Date de mise à jour：2025-03-27 19:00:03

Cet article résume les codes de compte à rebours js communs. Partagez-le pour votre référence. Le résumé spécifique est le suivant:

Le premier type: code à rebours javascript qui est exact en secondes

Code html:

Copiez le code comme suit: <form name = "form1">

<centre> Il y a encore en 2010: <br>

</ Center>

</div>

</ form>

StartClock ()

var timerid = null;

var timerrunning = false;

fonction showtime () {

Aujourd'hui = new Date ();

var nowHour = Today.Gethours ();

var NowMinute = Today.getMinutes ();

var NowMonth = Today.getMonth ();

var NowDate = Today.getDate ();

var Nowyear = Today.getyEar ();

var Nowsecond = Today.getSeconds ();

if (nowyear <2000)

Nowyear = 1900 + Nowyear;

Aujourd'hui = null;

Hourleft = 23 - Nowhour

Minuteleft = 59 - NowMinute

SecondLeft = 59 - Nowsecond

YearLeft = 2009 - Nowyear

Monthleft = 12 - Nowmonth - 1

Dateleft = 31 - NowDate

if (Secondleft <0)

{

SecondLeft = 60 + SecondLeft;

Minuteleft = Minuteleft-1;

}

if (Minuteleft <0)

{

Minuteleft = 60 + Minuteleft;

Hourleft = hourleft-1;

}

if (hourleft <0)

{

Hourleft = 24 + hourleft;

Dateleft = dateleft-1;

}

if (dateleft <0)

{

Dateleft = 31 + dateleft;

Monthleft = Monthleft-1;

}

if (mensonft <0)

{

Monthleft = 12 + Monthleft;

YearLeft = YearLeft-1;

}

Temp = YearLeft + 'Year,' + Monthleft + 'Mois,' + Dateleft + 'Day,' + Hourleft + 'Hour,' + Minuteleft + 'Minute,' + Secondleft + 'Second'

document.form1.left.value = temp;

timerid = setTimeout ("showtime ()", 1000);

Timerrunning = true;

}

var timerid = null;

var timerrunning = false;

fonction stopClock () {

if (timerrunning)

ClearTimeout (Timerid);

Timerrunning = false;

}

fonction startClock () {

stopClock ();

afficher l'heure();

}

// ->

</cript>

Le deuxième type: une certaine réunion sportive

Code html:

Copiez le code comme suit: <! - Countdown javascript commence ->

<! -

fonction numériqueTime1 ()

{

Var Deadline = Nouvelle date ("13/08/2007") // Count-coude d'ouverture

var symbol = "13 août"

var now = new Date ()

var difff = -480 - maintenant.getTimeZoneOffset () // est le décalage horaire entre l'heure de Pékin et l'heure locale

var Leave = (Deadline.getTime () - Now.GetTime ()) + Diff * 60000

var day = math.floor (congé / (1000 * 60 * 60 * 24)))

var hour = math.floor (congé / (1000 * 3600)) - (jour * 24)

var minute = math.floor (congé / (1000 * 60)) - (jour * 24 * 60) - (heure * 60)

var seconde = math.floor (congé / (1000)) - (jour * 24 * 60 * 60) - (heure * 60 * 60) - (minute * 60)

Var Deadline_2 = nouvelle date ("13/08/2004") // après l'heure d'ouverture

var symbol_2 = "13 août"

var now_2 = new Date ()

var diff_2 = -480 - maintenant.getTimeZoneOffset () // est la différence de temps entre l'heure de Pékin et l'heure locale

var quitt_2 = (NOW_2.GetTime () - Deadline_2.gettime ()) + diff_2 * 60000

var day_2 = math.floor (LEART_2 / (1000 * 60 * 60 * 24))

var hour_2 = math.floor (LEART_2 / (1000 * 3600)) - (day_2 * 24)

var minute_2 = math.floor (Leave_2 / (1000 * 60)) - (day_2 * 24 * 60) - (hour_2 * 60)

var seconde_2 = math.floor (Leave_2 / (1000)) - (day_2 * 24 * 60 * 60) - (hour_2 * 60 * 60) - (minute_2 * 60)

jour = jour + 1;

day_2 = day_2 + 1;

si (jour> 0) // non encore ouvert

{

//Liveclock1.innerhtml = "maintenant" + symbole + "jour"

Liveclock1.innerhtml = "<Font

setTimeout ("DigitalTime1 ()", 1000)

}

si (jour <0) // il a été ouvert

{

//Liveclock1.innerhtml = "Maintenant, il y a encore" + jour + "jour +" jour + "heure +" heure + "Minute +" Minute + "Second +" Second "

Liveclock1.innerhtml = "<Font

setTimeout ("DigitalTime1 ()", 1000)

}

If (jour == 0) // Ouverture

{

//Liveclock1.innerhtml = "maintenant" + symbole + "jour"

Liveclock1.innerhtml = "<Font

setTimeout ("DigitalTime1 ()", 1000)

}

if (day <0 & day_2> 19) // La réunion sportive se termine

{

//Liveclock1.innerhtml = "Maintenant, il y a encore" + jour + "jour +" jour + "heure +" heure + "Minute +" Minute + "Second +" Second "

Liveclock1.innerhtml = "<Font

setTimeout ("DigitalTime1 ()", 1000)

}

// ->

</cript>

<! - Termissement JavaScript à compte à rebours ->

</docy>

Le troisième type: Compte à rebours

Code html:

Copiez le code comme suit: <Script Language = "JavaScript">

<! -

var maxtime = 60 * 60 // une heure, calculez en quelques secondes, ajustez-la vous-même!

Function Countdown () {

if (maxtime> = 0) {

minutes = math.floor (maxtime / 60);

secondes = math.floor (maxtime`);

msg = "il y a encore" + minutes + "minutes" + secondes + "secondes" à la fin de la distance;

document.all ["temporisateur"]. innerHtml = msg;

if (maxtime == 5 * 60) alert ('Remarque, il reste 5 minutes!');

--maxtime;

}

autre{

ClearInterval (temporisateur);

alert ("le temps est en hausse, fin!");

}

timer = setInterval ("Countdown ()", 1000);

// ->

</cript>

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

Code html:

Copiez le code comme suit: <Script Language = "JavaScript">

<! - commencer

var timedate = nouvelle date ("14 janvier 2006");

var Times = "Examen des diplômés";

var now = new Date ();

var date = timedate.getTime () - now.getTime ();

var time = math.floor (date / (1000 * 60 * 60 * 24));

if (time> = 0);

Document.Write ("<li> <font color = # DEDBDE> Maintenant, il y a encore" + Times + "en 2006: <font color = # ffffff> <b>" + time + "</b> </font> jours </font> </li>");

// fin ->

</cript>

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

Code html:

Copiez le code comme suit: <Script Language = "JavaScript" type = "Text / JavaScript">

fonction djs () {

var urodz = new Date ("11/12/2008");

var now = new Date ();

var num

var ile = urodz.gettime () - maintenant.getTime ();

var dni = math.floor (ile / (1000 * 60 * 60 * 24));

if (dni> 1)

num = dni + 1

else if (dni == 1) num = 2

else if (dni == 0) num = 1

else num = 0

document.write (num)

}

</cript>

Il y a encore des jours avant la cérémonie d'ouverture d'une certaine personne [<script linguisse = "javascript" type = "text / javascript"> djs () </cript>]

Sixième: Timer JavaScript Countdown - auto-vérification du temps du système

Cette fois, le compte à rebours est vérifié par l'auto-vérification du temps du système, et il n'y a pas besoin d'un ajustement manuel pour rendre le compte à rebours plus précis. Le code et les commentaires détaillés sont les suivants:

Copiez le code comme suit: <span id = "horloge"> 00: 01: 11: 00 </span>

<br>

var normallapse = 100;

var nettelapse = normallapse;

var compteur;

var starttime;

var start = Clock.InnerText;

var finition = "00: 00: 00: 00";

var timer = null;

// commence à courir

fonction run () {

startB.disabled = true;

endb.disabled = false;

compteur = 0;

// heure de début d'initialisation

startTime = new Date (). ValueOf ();

// Nextelapse est le temps de synchronisation, initialement 100 millisecondes

// Remarque La fonction SetInterval: Nextelapse (millisecondes) est passé, OnTimer commence à exécuter

timer = window.setInterval ("ontimer ()", nextlapse);

}

// Arrête de courir

fonction stop () {

startB.disabled = false;

endb.disabled = true;

window.cleartimeout (temporisation);

}

window.onload = function () {

endb.disabled = true;

}

// Fonction de compte à rebours

fonction Ontimer ()

{

if (start == finition)

{

window.ClearInterval (temporisateur);

alerte ("le temps est écoulé!");

retour;

}

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;

if (ms <0)

{

ms = 90;

S - = 1;

if (s <0)

{

S = 59;

m - = 1;

}

if (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;

// effacer le dernier minuteur

window.ClearInterval (temporisateur);

// La différence de temps du temps d'auto-vérification du système est obtenue, et donc le temps de la nouvelle minuterie qui est démarrée la prochaine fois est obtenu suivant

compteur ++;

var comptersecs = compteur * 100;

var elapsesecs = new Date (). ValueOf () - startTime;

var diffsecs = comptersecs - elapsesecs;

NextLapse = NormalElapse + DiffSecs;

diff.value = comptersecs + "-" + elapsesecs + "=" + diffsecs;

Next.Value = "NexteLapse =" + NEXTELLATSE;

if (netlELtelapse <0) netlElAlSE = 0;

// démarrer une nouvelle minuterie

timer = window.setInterval ("ontimer ()", nextlapse);

}

</cript>

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