Eine Klasse Countdown in Javascript
Montag, 13. Oktober, 2008In der Nachkriegszeit mit 3D-CountDown FIVe3D (Siehe wie ich es gemacht habe: Schreiben Sie ein Countdown in Flash), war eine Klasse Vorschlag für die Schaffung eines Objekts CountDown in Actionscript, hier ist eine ähnliche Version in Javascript:
JavaScript:
- / **
- * CountDown Klasse
- *
- * @ Autor Giovambattista Fazioli
- * @ @ E-Mail g.fazioli undolog.com
- * @ Web http://www.undolog.com
- *
- * @ Param dd (string) "Tag Monat, Jahr"
- *
- * /
- dd ) { Countdown-Funktion (dd) (
- / / Init Ziel-Zeit
- Date ( dd ) ; var target = new Date (dd);
- = target. getTime ( ) ; dieser. targetTime = Ziel. getTime ();
- / **
- * Refresh-Countdown
- * /
- = function ( ) { dieser. refresh = function () (
- Date ( ) ; var heute = new Date ();
- ( ) ; var = CurrentTime heute. getTime ();
- / / Time links
- this . targetTime - currentTime ) ; dieser. _leftMilliseconds = (this. targetTime - CurrentTime);
- ( this ._leftMilliseconds / 1000 ) ; dieser. _leftSeconds = Math. Stock (this. _leftMilliseconds / 1000);
- ( this ._leftSeconds / 60 ) ; dieser. _leftMinutes = Math. Stock (this. _leftSeconds / 60);
- ( this ._leftMinutes / 60 ) ; dieser. _leftHours = Math. Stock (this. _leftMinutes / 60);
- / / Nein-Modul
- = Math. floor ( this ._leftHours / 24 ) ; dieser. leftDays Math =. Stock (this. _leftHours / 24);
- / / Für Print -
- = this ._leftMilliseconds % 1000 ; dieser. leftMilliseconds = dieser. _leftMilliseconds% 1000;
- = this ._leftSeconds % 60 ; dieser. leftSeconds = dieser. _leftSeconds% 60;
- = this ._leftMinutes % 60 ; dieser. leftMinutes = dieser. _leftMinutes% 60;
- = this ._leftHours % 24 ; dieser. leftHours = dieser. _leftHours% 24;
- )
- ( ) ; dieser. refresh ();
- )
Beispiel
JavaScript:
- countDown ( '1 1, 2009' ) ; var so = new Countdown ('1 1, 2009 ');
- / / Zeigen Sie, wie viele Tage, Stunden, Minuten, Sekunden und Millisekunden in der ersten Januar 2009
- cd. leftDays + "," + cd. leftHours + "," + cd. leftMinutes + "," + cd. leftSeconds + "," + cd. leftMilliseconds ) ; Dokument. write (dh leftDays + "," + CD. leftHours + "," + CD. leftMinutes + "," + CD. leftSeconds + "," + CD. leftMilliseconds);





















Riccardo Worthy sagte:
Giovambattista hallo,
Ich finde das sehr interessante Lösung Javascript, denn es ist einfach und leicht. Von Liebe Scripting, ich nahm einige Änderungen an Ihrem Code, dass Sie die folgenden Schritte aus:
Wesentlichen weitere wesentliche Leistung ist die Methode, mit der Sie sich den Druck der Countdown mit dem gewünschten Format durch den Nutzer (in einer Art sehr ähnlich wie in PHP).
Zum Beispiel, wenn Sie möchten, das Datum, Stunden, Minuten, Sekunden und Millisekunden fehlen durch unsere Countdown, wir könnten gehen Sie wie folgt vor, jeder Zeit, ohne daran erinnern, die internen Eigenschaften unserer Klasse:
Die Methode "machen" ist schließlich "normalisieren" das Format der Zahlen.
Ein weiteres interessantes Außerdem wäre es, ein "Start", die ruft die Methode Ausgabe in regelmäßigen Abständen, so dass scheint ein echter Countdown (Countdown-Zähler wird gestoppt durch ihre Methode "Stop").
Riccardo Worthy
Giovambattista Fazioli sagte:
@ Richard Worthy wirklich eine schöne Variante, bravo! Besonders interessante Technik, um die Ausgabe-Format: genial und dünn! In der Methode
output()würde einereturn(output)um zurück zu gehenreturn(output)als eindocument.write()... aber es ist ein Detail. Ein Timer mitstart() stop()wirklich umfassend. Herzlichen Glückwunsch und Dank für die interessanten AnregungenRiccardo Worthy sagte:
@ Giovambattista Fazioli:
Sicher, ich eingefügt document.write zur sofortigen Benachrichtigung des Tests, in der endgültigen Produktion einer
returnist ein MussAls gar nichts, ich war froh, diesen Austausch von Meinungen
Bis bald,
Riccardo Worthy
Giovambattista Fazioli sagte:
Update: Microsoft Internet Explorer 7 wird das Datum im numerischen
"3 5, 2008"geben Sie"3 5, 2008"Fehler. So löschen Sie einfach die "Monats" im Format 3 Buchstaben in Englisch: Jan, Feb, März, etc. ...