This page has been robot translated, sorry for typos if any. Original content here.

Countdown-Timer, inkl. vor dem neuen Jahr

Der Countdown-Timer ist eine ziemlich einfache und klassische Aufgabe für Javascript.

Beispiel für ein Timer-Skript vor dem neuen Jahr:

Countdown bis zum neuen Jahr

Erwägen Sie, einen Zähler für die Tage vor einem bestimmten Datum und den gleichen Zähler zu erstellen, aber mehr Old School mit einem Countdown von Stunden, Minuten und Sekunden.

  < Skriptsprache = "JavaScript" type = "text / javascript" > Funktionsanzahl ( ) {

 Monat = "Jan" ;
  // Monat des Datums des Ereignisauftrittsdatums = '01' ;
  // Datum des Auftretens des Ereignisjahrs = '2006' ;
  // Datum des Auftretens des Ereignisses

 theDate = Monat + '' + Datum + '' + Jahr ;

  jetzt = neues Datum ( ) ;
  setdate = neues Datum ( theDate ) ;

  timer = ( setdate - jetzt ) / 1000/60/60/24 ;
  timer = Mathematik.  Runde ( Timer ) ;

 var message = timer + "Tage vor deinem Date!"
  ;
  // Nachrichtentext nach Geschmack if ( timer == "1" ) message = timer + "Tag für Tag" ;
  // Vor dem Ereignis, ein Tag if ( timer == "0" ) message = "Ereignis in weniger als einem Tag" ;
  // Bis zu einem Ereignis von weniger als einem Tag if ( timer == "-1" ) message = "Ereignis ist aufgetreten" ;
  // Event ist aufgetreten wenn ( timer < "-1" ) message = "" ;
  // Zeichenfolge mit der Länge null nach dem Auftreten eines Ereignisses

 Dokument.  schreiben ( Nachricht ) ;
  } Anzahl ( ) ;
  </ script >

Option mit Tagen, Stunden, Minuten und Sekunden ( Countdown zum neuen Jahr ):

  < script type = "text / javascript" > funktion newYearIn ( ) { var days = "days" var jetzt = new Date ( ) ;
  var newYear = new Datum ( "Jan, 01,2011,00: 00: 00" ) ;
  var totalRemains = ( newYear.getTime ( ) - jetzt. getTime ( ) ) ;
  if ( totalRemains > 1 ) { var RemainsSec = ( parseInt ( totalRemains / 1000 ) ) ;
  var RemainsFullDays = ( parseInt ( RemainsSec / ( 24 * 60 * 60 ) ) ) ;
  if ( VerbleibendeFullDays == 2 || VerbleibendeFullDays == 3 || VerbleibendeFullDays == 4 || VerbleibendeFullDays == 22 || VerbleibendeFullDays == 23 || VerbleibendeFullDays == 24 || VerbleibendeFullDays == 32 || VerbleibendeFullDays == 33 || RemainsFullDays == 34 ) { days = "days" } if ( VerbleibendeFullDays == 1 || VerbleibendeFullDays == 21 || VerbleibendeFullDays == 31
 
  ) { days = "day" } var secInLastDay = VerbleibendeSec - RemainsFullDays * 24 * 3600 ;
  var RemainsFullHours = ( parseInt ( secInLastDay / 3600 ) ) ;
  if ( RemainsFullHours < 10 ) { RemainsFullHours = "0" + RemainsFullHours } ;
  var secInLastHour = secInLastDay - RemainsFullHours * 3600 ;
  var RemainsMinutes = ( parseInt ( secInLastHour / 60 ) ) ;
  if ( RemainsMinutes < 10 ) { RemainsMinutes = "0" + RemainsMinutes } ;
  var lastSec = secInLastHour - RemainsMinutes * 60 ;
  if ( lastSec < 10 ) { lastSec = "0" + lastSec } ;
  Dokument.  getElementById ( 'neues Jahr' ) .  innerHTML = "<p style = 'font-size: 22px;'> Bis zum neuen Jahr gibt es:" + RemainsFullDays + Tage + RemainsFullHours + ":" + RemainsMinutes + ":" + lastSec + "</ p>" ;
  setTimeout ( "newYearIn ()" , 10 ) ;
  }
 
  sonst { Dokument.  getElementById ( "neues Jahr" ) .  innerHTML = "GLÜCKLICHES NEUES JAHR !!!"
  ;
  } } newYearIn ( ) ;
  </ script >

Damit der Zeitzähler (Zeitgeber) vor dem neuen Jahr auf der Seite angezeigt wird, müssen Sie vor dem Skript auf der Seite ein beliebiges Tag mit id = "newyear" platzieren. Beispiel:

  <p id = "newyear"> Verbleibende Zeit vor dem neuen Jahr </ p>

 <Skripttyp = "Text / Javascript">
 Funktion newYearIn ()
 {...

und im Skript selbst legen Sie das Datum des neuen Jahres fest, das Sie normalerweise feiern (z. B. das nächste Neujahr in Russland: "Jan, 01,2011,00: 00: 00").

[UPD]: 1. Um die Schriftart (Größe und Farbe) zu ändern, müssen Sie die Tags <font size = 20> und <font> entfernen und die Stilbeschreibung p # newyear einfügen {font-size: 27px; color: pink;} </ style> für die Zeitleiste. 2. Um eine Zeichenfolge in zwei Teile aufzuteilen, fügen Sie die Zeile "<br>" an der gewünschten Stelle ein, zum Beispiel: "Vor dem neuen Jahr gibt es: <br>"