Zusammenfassung des JS-Countdown-Codes_Javascript-Kenntnisse-js-Tutorial-php.cn

Die Beispiele in diesem Artikel fassen gängige JS-Countdown-Codes zusammen. Teilen Sie es als Referenz mit allen. Die spezifische Zusammenfassung lautet wie folgt:

Der erste Typ: sekundengenauer Javascript-Countdown-Code

HTML-Code:

Code kopieren Der Code lautet wie folgt: Es sind nur noch wenige Tage bis 2010: startclock() var timerID = null; var timerRunning = false; Funktion showtime() { Heute = neues Datum(); 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 NowYear=1900 NowYear; Heute = null; Hourleft = 23 – NowHour Minuteleft = 59 - NowMinute Secondleft = 59 - NowSecond Yearleft = 2009 – NowYear Monthleft = 12 - NowMonth - 1 Dateleft = 31 – NowDate if (Secondleft { Secondleft=60 Secondleft; Minuteleft=Minuteleft-1; } if (Minuteleft { Minuteleft=60 Minuteleft; Hourleft=Stundeleft-1; } if (Hourleft { Hourleft=24 Hourleft; Dateleft=Dateleft-1; } if (Dateleft { Dateleft=31 Dateleft; Monthleft=Monthleft-1; } if (Monthleft { Monthleft=12 Monthleft; Yearleft=Yearleft-1; } Temp=Yearleft 'Jahr, ' Monthleft ' Monat, ' Dateleft ' Tag, ' Hourleft ' Stunde, ' Minuteleft ' Minute, ' Secondleft ' Sekunde' document.form1.left.value=Temp; timerID = setTimeout("showtime()",1000); timerRunning = true; } var timerID = null; var timerRunning = false; Funktion Stoppuhr () { if(timerRunning) clearTimeout(timerID); timerRunning = false; } Funktion startclock () { stopclock(); showtime(); } // -->

Der zweite Typ: ein bestimmtes Sporttreffen

HTML-Code:

Code kopieren

Der Code lautet wie folgt: Funktion DigitalTime1() { var Deadline= neues Datum("13.08.2007") //Eröffnungscountdown var symbol="13. August" var now = new Date() var diff = -480 - now.getTimezoneOffset() //Es ist der Zeitunterschied zwischen der Pekinger Zeit und der Ortszeit var Leave = (deadline.getTime() - now.getTime()) diff*60000 var day = Math.floor(leave / (1000 * 60 * 60 * 24)) var Stunde = Math.floor(leave / (1000*3600)) - (Tag * 24) var minute = Math.floor(leave / (1000*60)) - (tag * 24 *60) - (stunde * 60) var second = Math.floor(leave / (1000)) – (Tag * 24 *60*60) – (Stunde * 60 * 60) – (Minute*60) var Deadline_2= neues Datum("13.08.2004") //Zeit nach dem Öffnen var symbol_2="13. August" var now_2 = neues Datum() var diff_2 = -480 - now.getTimezoneOffset() //Es ist der Zeitunterschied zwischen der Pekinger Zeit und der Ortszeit var Leave_2 = (now_2.getTime() - Deadline_2.getTime()) diff_2*60000 var day_2 = Math.floor(leave_2 / (1000 * 60 * 60 * 24)) var Hour_2 = Math.floor(leave_2 / (1000*3600)) - (day_2 * 24) var minute_2 = Math.floor(leave_2 / (1000*60)) - (day_2 * 24 *60) - (hour_2 * 60) var second_2 = Math.floor(leave_2 / (1000)) - (day_2 * 24 *60*60) - (hour_2 * 60 * 60) - (minute_2*60) Tag=Tag 1; tag_2=tag_2 1; if (day>0) //Noch nicht geöffnet { //LiveClock1.innerHTML = „Jetzt“-Symbol „Tag“ LiveClock1.innerHTML = " setTimeout("DigitalTime1()",1000) } if (day { //LiveClock1.innerHTML = „Es sind noch“ Tag „Tage“ Stunde „Stunden“ Minute „Minuten“ Sekunde „Sekunden“ von „ Symbol „ jetzt“ LiveClock1.innerHTML = " setTimeout("DigitalTime1()",1000) } if (day==0) //Jetzt öffnen { //LiveClock1.innerHTML = „Jetzt“-Symbol „Tag“ LiveClock1.innerHTML = " setTimeout("DigitalTime1()",1000) }

if (day 19) //Das Sporttreffen ist vorbei { //LiveClock1.innerHTML = „Es sind noch“ Tag „Tage“ Stunde „Stunden“ Minute „Minuten“ Sekunde „Sekunden“ von „ Symbol „ jetzt“ LiveClock1.innerHTML = " setTimeout("DigitalTime1()",1000) } } // -->

Der dritte Typ: Stunden-Countdown

HTML-Code:

Code kopieren

Der Code lautet wie folgt: var maxtime = 60*60 //Eine Stunde, berechnet in Sekunden, passen Sie sich an Funktion CountDown(){ if(maxtime>=0){ Minuten = Math.floor(maxtime/60); Sekunden = Math.floor(maxtime`); msg = „Es sind noch“ Minuten „Minuten“ Sekunden „Sekunden“ bis zum Ende; document.all["timer"].innerHTML=msg; if(maxtime == 5*60) warning('Achtung, es sind noch 5 Minuten!'); --maxtime; } sonst{ clearInterval(timer); warning("Die Zeit ist abgelaufen, es ist vorbei!"); } } timer = setInterval("CountDown()",1000); //-->

Der vierte Typ: der einfachste Countdown

HTML-Code:

Code kopieren Der Code lautet wie folgt:

var timedate= neues Datum("14. Januar 2006"); var times="Abschlussprüfung" var now = neues Datum(); var date = timedate.getTime() - now.getTime(); var time = Math.floor(date / (1000 * 60 * 60 * 24)); if (time >= 0) ; document.write(" Jetzt gibt es " Zeiten " aus dem Jahr 2006: " Zeit " "); // Ende -->

Der fünfte Typ: der einfachste Countdown zwei

HTML-Code:

Code kopieren

Der Code lautet wie folgt: Funktion djs(){ var urodz= neues Datum("12.11.2008"); var now = neues Datum(); Varnum var ile = urodz.getTime() - now.getTime(); var dni = Math.floor(ile / (1000 * 60 * 60 * 24)); if (dni >1) num=dni 1 sonst wenn (dni == 1) num=2 sonst wenn (dni == 0) num=1 sonst num=0 document.write(num) } Es sind noch [ djs() ] Tage

bis zur Eröffnungsfeier des XX

Sechstens: Javascript-Countdown-Timer – Verwendung der Systemzeit-Selbstprüfung

Dieses Mal wird die Systemzeit zur Selbstprüfung des Countdowns ohne manuelle Anpassung verwendet, um den Countdown genauer zu machen:

Code kopieren

Der Code lautet wie folgt:

00:01:11:00

Ich hoffe, dass dieser Artikel für alle bei der Webprogrammierung auf Basis von JavaScript hilfreich sein wird.