3 Beispiele für JS-Code zur Implementierung von Webseiten-Countdown und Website-Laufzeitfunktionen

1. jQuery.countdown-Plugin

Anzeigeformat: 50 Wochen, 01 Tage, 07 Stunden, 18 Minuten und 41 Sekunden (Sekunden sind laufende Sekunden) A Die Seite kann mehrere Countdown-Instanzen haben, kann gestoppt und gestartet werden, bietet nicht zu viele Funktionen, aber das Zeitformat und die Ausgabegröße können angepasst werden. Die neueste Version v2.0.2, offizielle Adresse http://hilios.github.io/jQuery.countdown/ Zum Beispiel:

Code kopieren Der Code lautet wie folgt: $('#getting-started') .countdown(' 2016/01/01 00:00', function(event) { $(this).html(event.strftime('%w Woche %d Tag %H:%M:%S') ); }); Ausgabeergebnis: 50 Wochen, 01 Tage, 07 Stunden, 18 Minuten und 41 Sekunden Hinweis: Wenn Sie die Gesamtzahl der verbleibenden Tage benötigen, verwenden Sie %D, Parameterbeschreibung:

Code kopieren Der Code lautet wie folgt: Y: „Jahre“ m: „Monate“ w: „Wochen“ d: „Tage“ D: „totalDays“ H: „Stunden“ M: „Minuten“ S: „Sekunden“

2. Es sind noch Tage bis zur Endzeit: 00 Tage 05 Stunden, 25 Minuten und 30 Sekunden (Sekunden sind laufende Sekunden)

Code kopieren Der Code lautet wie folgt: function show_date_time() { window.setTimeout( "show_date_time()", 1000); target=new Date(2014,0,15,17,0,0); //Hinweis: Der Parameter, der den Monat darstellt, liegt zwischen 0 und 11. Das heißt, wenn Sie den Monat auf August einstellen möchten, sollte der Parameter 7 sein. today=new Date();

timeold=(target.getTime()-today.getTime());

sectimeold=timeold/1000 secondsold=Math. floor(sectimeold); msPerDay=24*60*60*1000 e_daysold=timeold/msPerDay daysold=Math.floor(e_daysold); e_hrsold=(e_daysold-daysold)*24; hrsold=Math.floor(e_hrsold); e_minsold=(e_hrsold-hrsold)*60; minsold=Math.floor((e_hrsold-hrsold)*60); floor((e_minsold-minsold)*60);

if (daysold document.getElementById("time").innerHTML="Abgelaufen, der Countdown ist abgelaufen"; } else{ if (daysold if (hrsold if (minsold if (seconds if (daysold>0) { document.getElementById("time").innerHTML="Distance to end Die Zeit umfasst außerdem: " daysold "days" hrsold "hours" minsold "minutes" seconds "seconds"; } else document.getElementById("time").innerHTML=" Bis zur Endzeit verbleiben noch weitere Tage: " daysold "days" hrsold "hours" minsold "minutes" seconds "seconds "; //Die Endzeit beträgt weniger als 1 Tag, die Zur Erinnerung ist die Schrift rot } } show_date_time();

3. Anzeigeformat: Laufende 0 Jahre, 1 Tag, 0 Stunden, 4 Minuten und 35 Sekunden (Sekunden sind laufende Sekunden)

Kopieren Sie den Code Der Code lautet wie folgt: function siteTime(){ window.setTimeout("siteTime() ", 1000); var Sekunden = 1000 var Minuten = Sekunden * 60 var Stunden = Minuten * 60 var Tage = Stunden * 24 var Jahre = Tage * 365 var today = new Date() var todayYear = today.getFullYear() var todayMonth = today.getMonth() var todayDate = today.getDate() var todayHour = heute .getHours() var todayMinute = today.getMinutes() var todaySecond = today.getSeconds()

/* Date.UTC() – Gibt die Anzahl der Millisekunden (Zeitstempel) zwischen dem Datumsobjekt und Mitternacht am 1. Januar 1970 Weltzeit (UTC) zurück. Jahr – das Jahr als Datumsobjekt ist 4 -stelliger Jahreswert Monat – eine Ganzzahl zwischen 0 und 11, verwendet als Monat des Datumsobjekts Tag – eine Ganzzahl zwischen 1 und 31, verwendet als Anzahl der Tage des Datumsobjekts Stunden - 0 (Mitternacht 24 Uhr)-23, als Anzahl der Stunden des Datumsobjekts Minuten – eine Ganzzahl zwischen 0-59, als Anzahl der Minuten des Datumsobjekts Sekunden – eine Ganzzahl zwischen 0-59, Die Anzahl der Sekunden als Datumsobjekt Mikrosekunden – eine Ganzzahl zwischen 0-999, die Anzahl der Millisekunden als Datumsobjekt */ var t1 = Date.UTC(2014,0,14, 11,19,00 ) var t2 = Date.UTC(todayYear,todayMonth,todayDate,todayHour,todayMinute,todaySecond) var diff = t2-t1

var diffYears = Math.floor(diff/years) var diffDays = Math.floor((diff/days)-diffYears*365) var diffHours = Math.floor((diff-(diffYears* 365 diffDays)*days)/hours) var diffMinutes = Math.floor((diff-(diffYears*365 diffDays)*days-diffHours*hours)/minutes) var diffSeconds = Math.floor((diff -(diffYears*365 diffDays)*days-diffHours*hours-diffMinutes*minutes)/seconds) document.getElementById("sitetime").innerHTML=" Führen Sie " diffYears " Jahre " diffDays " Tage " diffHours " Stunden " aus diffMinutes " Minuten " diffSeconds " Sekunden " } siteTime()

3 Beispiele für JS-Code zur Implementierung von Webseiten-Countdown und Website-Laufzeitfunktionen_Javascript-Kenntnisse