Countdown-Timer, einschließlich bevor das neue Jahr

Countdown-Timer ist ziemlich einfach und klassische Aufgabe für Javascript.

Ein Beispiel für den Timer des Skripts , bis das neue Jahr:

Betrachten wir die Schaffung eines Zählers von Tagen bis zu einem bestimmten Datum und die gleichen Zähler, aber mehr der alten Schule mit einer Zahl von Stunden, Minuten und Sekunden.

  <Script language = "JavaScript" type = "text / javascript"> function count () {
 'Jan' month =;
  // Das Datum des Auftretens Monat date = '01';
  // Die Zahl der zum Zeitpunkt der Veranstaltung year = "2006";
  // Jahr des Datum des Ereignisses

 theDate = Monat + '' + Datum + '' + Jahr;
  jetzt = new Date ();  setdate = new Date (theDate);
  timer = (setdate - jetzt) / 1000/60/60/24;
  Timer = Math.  Runde (Timer);

 var message = Timer + "Tage vor dem geplanten!"
  ;
  // Nachricht an Ihren Geschmack if (Timer == "1") message = Timer + "ein Tag soobytie";
  // Vor der Veranstaltung 1 Tag if (Timer == "0") message = "Ereignis in weniger als einem Tag";
  // Vor der Veranstaltung mindestens einen Tag , wenn (Timer == "-1") message = " Ereignis eingetreten ist ";
  // Ereignis aufgetreten ist, wenn (Timer < "-1") message = "";  // Zeichenfolge der Länge Null , wenn das Ereignis aufgetreten ist
 Dokument.  schreiben (Nachricht);
  } Count ();
  </ Script>

Option mit Tagen, Stunden, Minuten und Sekunden (Countdown zum Neujahr)

  <Script type = "text / javascript "> function newYearIn () {var Tage = " Tage" var jetzt = new Date () ;  var NEWYEAR = new Date ( "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 (RemainsFullDays == 2 || RemainsFullDays == 3 || RemainsFullDays == 4 || RemainsFullDays == 22 || RemainsFullDays == 23 || RemainsFullDays == 24 || RemainsFullDays == 32 || RemainsFullDays == 33 || RemainsFullDays == 34) {Tage = "date"} if (RemainsFullDays == 1 || RemainsFullDays == 21 || RemainsFullDays == 31
 
  ) {Tage = "Tag"} var secInLastDay = RemainsSec - 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 ( 'newyear').
  innerHTML- = "<p style =" font-size: 22px; "> vor dem neuen Jahr bleibt:" + RemainsFullDays + Tage + RemainsFullHours + ":" + RemainsMinutes + ":" + lastSec + "</ p>";  setTimeout ( "newYearIn ()", 10);
  }
 
  else {Dokument.
  getElementById ( "newyear").
  innerHTML- = "C NEW YEAR !!!"
  ;
  }} NewYearIn ();
  </ Script>

Um Zeitzähler (Timer) , bevor das neue Jahr hat sich gezeigt , auf der Seite, ist es notwendig , das Skript auf der Seite einen beliebigen Tag mit id = "newyear", zum Beispiel zu platzieren:

  <P id = "newyear"> verbleibende Zeit bis zum neuen Jahr </ p>

 <Script type = "text / javascript">
 Funktion newYearIn ()
 {...

und im Skript das Datum des neuen Jahres zu setzen, Sie in der Regel feiern (zum Beispiel der nächste neue Jahr in Russland: "Jan, 01,2011,00: 00: 00").

[UPD]: 1. Um die Schrift (Größe und Farbe) zu ändern, müssen Sie die Tags <font size = 20> und <font> und legen Sie eine Beschreibung des Stils <style> p # newyear {font-size zu entfernen: 27px; Farbe: rosa;} </ style>, um die Zeitlinie. 2. Um die Zeichenfolge in zwei Insert "<br>" Linie an der richtigen Stelle, wie diese zu brechen: "Bevor das neue Jahr bleibt: <br>"