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:
Countdown zum neuen 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>"
Kommentare
Kommentar nicht vergessen , dass der Inhalt und der Ton Ihrer Nachrichten , die Gefühle von echten Menschen verletzen können, Respekt und Toleranz gegenüber seinen Gesprächspartnern, auch wenn Sie Ihr Verhalten in Bezug auf die Meinungsfreiheit ihre Meinung nicht teilen, und die Anonymität des Internets, ändert sich nicht nur virtuell, sondern realen Welt. Alle Kommentare werden aus dem Index, Spam - Kontrolle versteckt.