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.

Ein Beispiel für die Arbeit des Skripttimers vor dem neuen Jahr:

Countdown bis zum neuen Jahr

Betrachten Sie die Schaffung eines Zählers von Tagen vor einem bestimmten Datum und dem gleichen Zähler, aber mehr Old-School mit einer Zählung von Stunden, Minuten und Sekunden.

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

 Monat = "Jan" ;
  // Monat des Datums des Ereignisdatums = '01' ;
  // Datum des Auftretens des Ereignisjahrs = '2006' ;
  // Jahr des Ereignisdatums

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

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

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

 var message = timer + "Tage bis zu deinem Datum!"
  ;
  // Nachrichtentext für Ihren Geschmack if ( timer == "1" ) message = timer + "event jeden zweiten Tag" ;
  // Vor dem Ereignis eines Tages if ( timer == "0" ) message = "Ereignis in weniger als einem Tag" ;
  // Vor einem Ereignis weniger als einen Tag if ( timer == "-1" ) message = "das Ereignis ist gekommen" ;
  // Event ist aufgetreten wenn ( timer < "-1" ) message = "" ;
  // String der Länge Null nach dem Ereignis

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

Option mit Tagen, Stunden, Minuten und Sekunden ( Countdown bis zum Beginn des neuen Jahres ):

  < 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;'> Das neue Jahr bleibt:" + RemainsFullDays + Tage + RemainsFullHours + ":" + RemainsMinutes + ":" + lastSec + "</ p>" ;
  setTimeout ( "newYearIn ()" , 10 ) ;
  }
 
  sonst { Dokument.  getElementById ( "neues Jahr" ) .  innerHTML = "C NEUES JAHR !!!"
  ;
  } } newYearIn ( ) ;
  </ script >

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

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

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

und im Drehbuch 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 einfügen <style> p # newyear {font-size: 27px; Farbe: pink;} </ style> für die Timeline. 2. Um die Zeile in zwei zu teilen, fügen Sie an der richtigen Stelle die Zeile "<br>" ein, zum Beispiel: "Bevor das neue Jahr bleibt: <br>"