CountDown eine Klasse in Javascript
Montag, 13. Oktober 2008In der post-3D-Countdown mit five3D (siehe auch How I Did It: Schreiben Sie ein Countdown in Flash), erhielt eine Klasse zum Erstellen eines Objekts Countdown in Actionscript, hier ist eine ähnliche Version in Javascript:
- / **
- * Klasse CountDown
- *
- * @ Autor Giovambattista Fazioli
- * @ Email@g.fazioli undolog.com
- * @ Web http://www.undolog.com
- *
- Dd * @ param (string) 'Monat Tag Jahr'
- *
- * /
- dd ) { function countdown (dd) (
- / / Init Zielzeit
- new Date ( dd ) ; var target = new Date (dd);
- = target. getTime ( ) ; dies. targetTime = target. getTime ();
- / **
- * Refresh Countdown
- * /
- = function ( ) { dies. refresh = function () (
- new Date ( ) ; var today = new Date ();
- today. getTime ( ) ; var currentTime = heute. getTime ();
- / / Time left
- ( this . targetTime - currentTime ) ; dies. _leftMilliseconds = (this. targetTime - currentTime);
- Math. floor ( this ._leftMilliseconds / 1000 ) ; dies. _leftSeconds = Math. Boden (this. _leftMilliseconds / 1000);
- Math. floor ( this ._leftSeconds / 60 ) ; dies. _leftMinutes = Math. Boden (this. _leftSeconds / 60);
- Math. floor ( this ._leftMinutes / 60 ) ; dies. _leftHours = Math. Boden (this. _leftMinutes / 60);
- / / No-Modul
- = Math. floor ( this ._leftHours / 24 ) ; dies. leftDays = Math. Boden (this. _leftHours / 24);
- / / Für die Druckausgabe
- = this ._leftMilliseconds % 1000 ; dies. leftMilliseconds = this. _leftMilliseconds% 1000;
- = this ._leftSeconds % 60 ; dies. leftSeconds = this. _leftSeconds% 60;
- = this ._leftMinutes % 60 ; dies. leftMinutes = this. _leftMinutes% 60;
- = this ._leftHours % 24 ; dies. leftHours = this. _leftHours% 24;
- )
- ( ) ; dies. refresh ();
- )
Beispiel
- new countDown ( '1 1, 2009' ) ; var cd = new Countdown ('1 1, 2009 ');
- / / Zeigen Sie, wie viele Tage, Stunden, Minuten, Sekunden und Millisekunden bis Januar 2009
- cd. leftDays + "," + cd. leftHours + "," + cd. leftMinutes + "," + cd. leftSeconds + "," + cd. leftMilliseconds ) ; Dokument. write (Cd. leftDays + "" + CD. leftHours + "" + CD. leftMinutes + "" + CD. leftSeconds + "" + CD. leftMilliseconds);














Hallo Giovambattista,
Finde ich sehr interessant diese JavaScript-Lösung, weil es einfach ist. Als Liebhaber von Scripting, ich habe einige Änderungen an Ihrem Code, den Sie Platz machte folgende:
Grundsätzlich Zugabe mehr Struktur und vertreten durch die Output-Methode, mit der Sie den Countdown mit dem gewünschten Format durch den Benutzer print (in sehr ähnlicher Weise wie es in PHP) ermöglicht.
Zum Beispiel, wenn Sie wollte das Datum, Stunden, Minuten, Sekunden und Millisekunden fehlende durch unsere Countdown zu drucken, können wir wie folgt vor, jeder Zeit ohne Rückgriff auf die inneren Werte unserer Klasse Appell:
Die Methode "zu machen" schließlich kümmert sich um die "Normalisierung" das Format der Zahlen.
Eine weitere interessante Ergänzung wäre es, eine Methode "start", die die Ausgabe fordert in regelmäßigen Abständen, so dass Sie aussehen wie ein echter Countdown (Countdown, die durch ihre Methode "Stop" beendet werden kann).
Richard Worthy
@ Richard Worthy: wirklich eine schöne Variante, bravo! Besonders interessante Technik, um die Ausgabe zu formatieren: genial und fein! In der Methode
output()würdeoutput()legte eine Grenzereturn(output)anstatt eindocument.write()... aber es ist ein Detail. Ein Timer mitstart()undstop()machen es alle wirklich abzuschließen. Herzlichen Glückwunsch und vielen Dank für die interessanten Vorschläge@ Giovambattista Fazioli:
Gewiß, trat ich in die
document.write()für eine rasche Zustellung der Prüfung, in der endgültigen Fassung der Produktionskosten und einerreturnist ein MussAlles, was war ich froh, dass der Austausch von technischer Beratung
Bald,
Richard Worthy
Update: Microsoft Internet Explorer 7, das Datum im numerischen Format, Typ
"3 5, 2008"produziert Fehler. Zum Löschen geben Sie einfach die "Monate" mit 3 Buchstaben in Englisch: Jan, Feb, Mär, etc ...@ Giovambattista Fazioli:
Hallo an alle.
Ich fand das sehr interessant Skript.
Mein einziges Problem? Als ein Idiot mit Javascript finden es schwierig, in eine Webseite einfügen.
Die Veränderung, die ich den Code gemacht hat, gelegt worden "Rückkehr" statt document.write, aber ich kann mich nicht erinnern, dann die Seite id nicht verstehen, was ich benutze.
Können Sie helfen?
Danke
Hallo