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">
<div align = "Center" align = "Center">
<centre> Il y a encore en 2010: <br>
<input type = "textArea" name = "Left" size = "35" style = "text-align: Center">
</ Center>
</div>
</ form>
<script linguisse = "javascript">
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 ->
<script linguisse = "javascript">
<! -
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 ->
<Body onload = DigitalTime1 ()>
<div id = liveclock1> </div>
</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>
<div id = "timer" style = "couleur: rouge"> </div>
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>
<input id = "startb" type = "bouton" value = "start Countdown!" onclick = "run ()">
<input id = "endb" type = "bouton" value = "stop comptdown!" onclick = "stop ()">
<br>
<input id = "diff" type = "text">
<input id = "next" type = "text">
<script linguisse = "javascript">
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.