JS Countdown -Code Zusammenfassung

Autor：Eve Cole Aktualisierungszeit：2025-03-27 19:00:03

Dieser Artikel fasst gemeinsame JS -Countdown -Codes zusammen. Teilen Sie es für Ihre Referenz. Die spezifische Zusammenfassung lautet wie folgt:

Der erste Typ: JavaScript -Countdown -Code, der auf Sekunden korrekt ist

HTML -Code:

Kopieren Sie den Code wie folgt: <Formular name = "Form1">

</center>

</div>

</form>

Startclock ()

var timerid = null;

var timerrunning = false;

FunktionshowTime () {

Heute = neues Datum ();

var NowHour = Today.Gethours ();

var nowminute = heute.getminutes ();

var nowmonth = heute.getMonth ();

var nowdate = heute.getDate ();

var nowyear = heute.getyear ();

var nowsecond = Today.getSeconds ();

if (heute <2000)

Jetztyear = 1900+Nowyear;

Heute = null;

HORTLEFT = 23 - Nowhour

Minuteleft = 59 - nowminute

SecondLeft = 59 - NowSecond

JahrLEFT = 2009 - Nowyear

Monatleft = 12 - nowmonth - 1

Dateleft = 31 - nowdate

if (Secondleft <0)

{

SecondLeft = 60+SecondLeft;

Minuteleft = minuteleft-1;

}

if (minuteleft <0)

{

Minuteleft = 60+minuteleft;

HORTLEFT = HOSTLEFT-1;

}

if (stoundleft <0)

{

HORTLEFT = 24+HOSTLETT;

Dateleft = dateleft-1;

}

if (dateleft <0)

{

Dateleft = 31+dateleft;

Monatleft = mondeLeft-1;

}

if (monatleft <0)

{

Monatleft = 12+monatleft;

YearLeft = YearLeft-1;

}

Temp = yealLeft+'Jahr,'+monatleft+'Monat'+dateleft+'Tag,'+HORTLEFT+'HOST,'+MINUTELFT+'Minute,'+SecondLeft+'Second'

document.form1.left.value = temp;

TimerID = setTimeout ("showTime ()", 1000);

Timerrunning = wahr;

}

var timerid = null;

var timerrunning = false;

Funktion stopclock () {

if (Timerrunning)

ClearTimeout (Timerid);

Timerrunning = falsch;

}

Funktion startClock () {

stopclock ();

Show Time();

}

// ->

</script>

Der zweite Typ: ein bestimmtes Sporttreffen

HTML -Code:

Kopieren Sie den Code wie folgt: <!-Countdown-JavaScript beginnt->

<!-

Funktion DigitalTime1 ()

{

var Deadline = neues Datum ("08/13/2007") // Countdown öffnen

var symbol = "13. August"

var jetzt = neues Datum ()

var diff = -480 - now.getTimezoneOffset () // ist der Zeitunterschied zwischen Peking und lokaler Zeit

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

var tag = math.floor (Urlaub / (1000 * 60 * 60 * 24))

var hour = math.floor (Urlaub / (1000 * 3600)) - (Tag * 24)

var minute = math.floor (Urlaub / (1000 * 60)) - (Tag * 24 * 60) - (Stunde * 60)

var Second = math.floor (Urlaub / (1000)) - (Tag * 24 * 60 * 60) - (Stunde * 60 * 60) - (Minute * 60)

var Deadline_2 = neues Datum ("08/13/2004") // nach der Öffnungszeit

var symbol_2 = "13. August"

var now_2 = neues Datum ()

var diff_2 = -480 - now.getTimeZoneOffset () // ist der Zeitunterschied zwischen Peking und lokaler Zeit

var Leave_2 = (now_2.getTime () - Deadline_2.getTime ()) + Diff_2*60000

var tay_2 = math.floor (Urlaub_2 / (1000 * 60 * 60 * 24))

var stound_2 = math.floor (Urlaub_2 / (1000 * 3600)) - (Day_2 * 24)

var winus_2 = math.floor (Urlaub_2 / (1000 * 60)) - (Day_2 * 24 * 60) - (Hour_2 * 60)

var Second_2 = math.floor (Urlaub_2 / (1000)) - (Day_2 * 24 * 60 * 60) - (Hour_2 * 60 * 60) - (Minute_2 * 60)

Tag = Tag+1;

DAY_2 = DAY_2+1;

if (Tag> 0) // noch nicht geöffnet

{

//Liveclock1.innerhtml = "jetzt"+Symbol+"Tag"

LiveClock1.innerhtml = "<Schrift

setTimeout ("digitaltime1 ()", 1000)

}

Wenn (Tag <0) // Es wurde geöffnet

{

//Liveclock1.innerhtml = "Jetzt gibt es immer noch"+Tag+"Tag+" Tag+"Stunde+" Stunde+"Minute+" Minute+"Second+" Second "

LiveClock1.innerhtml = "<Schrift

setTimeout ("digitaltime1 ()", 1000)

}

If (tag == 0) // Öffnung

{

//Liveclock1.innerhtml = "jetzt"+Symbol+"Tag"

LiveClock1.innerhtml = "<Schrift

setTimeout ("digitaltime1 ()", 1000)

}

if (tag <0 & day_2> 19) // Das Sporttreffen endet

{

//Liveclock1.innerhtml = "Jetzt gibt es immer noch"+Tag+"Tag+" Tag+"Stunde+" Stunde+"Minute+" Minute+"Second+" Second "

LiveClock1.innerhtml = "<Schrift

setTimeout ("digitaltime1 ()", 1000)

}

// ->

</script>

<!-Countdown JavaScript Ende->

</body>

Der dritte Typ: Stunde Countdown

HTML -Code:

Kopieren Sie den Code wie folgt: <script Language = "JavaScript">

<!-

var Maxtime = 60*60 // eine Stunde, berechnen Sie in Sekunden, passen Sie es selbst an!

Funktion Countdown () {

if (Maxtime> = 0) {

Minuten = math.floor (Maxtime/60);

Sekunden = math.floor (Maxtime`);

msg = "Es gibt immer noch" + Minuten + "Minuten" + Sekunden + "Sekunden" am Ende der Entfernung;

document.all ["Timer"]. Innerhtml = msg;

if (Maxtime == 5*60) Alarm ('Hinweis, es sind 5 Minuten übrig!');

-MaxTime;

}

anders{

ClearInterval (Timer);

Alarm ("Zeit ist hoch, Ende!");

}

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

//->

</Script>

Der vierte Typ: Der einfachste Countdown

HTML -Code:

Kopieren Sie den Code wie folgt: <script Language = "JavaScript">

<!- Beginnen Sie

var Timedate = neues Datum ("14. Januar 2006");

var Times = "Graduate Exam";

var nun = new Date ();

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

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

if (Zeit> = 0);

document.write ("<li> <font color =#dedbde> Jetzt gibt es immer noch"+mal+"im Jahr 2006: <font color =#ffffff> <b>" time+"</b> </font> Tage </font> </li>");

// Ende ->

</Script>

Der fünfte Typ: Der einfachste Countdown zwei

HTML -Code:

Kopieren Sie den Code wie folgt: <script Language = "javaScript" Typ = "text/javaScript">

Funktion DJS () {

var Urodz = neues Datum ("11/12/2008");

var nun = new Date ();

var num

var ile = urodz.getTime () - now.getTime ();

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

if (dni> 1)

Num = DNI+1

else wenn (dni == 1) num = 2

else wenn (dni == 0) num = 1

sonst num = 0

document.write (num)

}

</script>

Es gibt noch Tage vor der Eröffnungszeremonie einer bestimmten Person [<script Language = "JavaScript" type = "text/javaScript"> djs () </script>]

Sechste: JavaScript Countdown -Timer - Selbstprüfung der Systemzeit

Dieses Mal wird der Countdown durch Selbstprüfung der Systemzeit überprüft, und es besteht keine manuelle Anpassung, um den Countdown genauer zu gestalten. Der Code und die detaillierten Kommentare sind wie folgt:

Kopieren Sie den Code wie folgt: <span id = "cakt"> 00: 01: 11: 00 </span>

<br>

var normalelapse = 100;

var Nextelapse = NormaleLaps;

var counter;

var starttime;

var start = Clock.InnerText;

var fund = "00: 00: 00: 00";

var timer = null;

// Laufen

Funktion run () {

startb.disabled = true;

EndB.DISABED = false;

Zähler = 0;

// Initialisierungsstartzeit

startTime = new Date (). valueOf ();

// NextElapse ist die Zeitpunkt, zunächst 100 Millisekunden

// Beachten

Timer = window.setInterval ("onTimer ()", Nextlapse);

}

// Hör auf zu rennen

Funktion stop () {

startb.disabled = false;

EndB.Disabled = true;

window.clearTimeout (Timer);

}

window.onload = function () {

EndB.Disabled = true;

}

// Countdown -Funktion

Funktion onTimer ()

{

if (start == beenden)

{

Fenster.ClearInterval (Timer);

Alarm ("Zeit ist auf!");

zurückkehren;

}

var hms = new String (Start) .Split (":");

var ms = neue Zahl (HMS [3]);

var S = neue Zahl (HMS [2]);

var m = neue Zahl (HMS [1]);

var H = neue Zahl (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;

// den letzten Timer löschen

Fenster.ClearInterval (Timer);

// Der zeitliche Unterschied der Selbstprüfungs-Systemzeit wird erhalten, und somit wird die Zeit des neuen Timers, der beim nächsten Mal gestartet wird

Zähler ++;

var counterSecs = Zähler * 100;

var elapseSecs = new Date (). valueOf () - starttime;

var diffsecs = counterSecs - ulapseSecs;

NextLapse = NormalElapse + Diffsecs;

diff.Value = counterSecs + "-" + elapseSecs + "=" + Diffsecs;

Next.Value = "NextElapse =" + NextElapse;

if (Nextelapse <0) NextElapse = 0;

// einen neuen Timer starten

Timer = window.setInterval ("onTimer ()", Nextlapse);

}

</script>

Ich hoffe, dass die Beschreibung in diesem Artikel basierend auf JavaScript für die Webprogrammierung aller hilfreich ist.