Tutorial 7 - AS2 - einen Countdown zu einem bestimmten Datum erstellen
- Wir erstellen zwei Ebenen ( Countdown / Hintergrund ) und fügen in die Ebene Countdown :
- 1 dyn.Textfeld - Instanznamen - time_txt ein.
Die Textausrichtung " rechts " nicht links oder zentriert.
Danach werden 5 stat. Textfelder mit den Namen: Weihnachts Countdown , Tage , Stunden , Minuten , Sekunden erstellt.
- In die Ebene Hintergrund könnt ihr ein Bild einfügen.
- Danach gehen wir wieder auf die Ebene Countdown und öffnen mit F9 das Actionscript und fügen folgenden Code ein :
this.onEnterFrame = function() {
var today:Date = new Date();
var currentYear = today.getFullYear();
var currentTime = today.getTime();
var targetDate:Date = new Date(currentYear, 11, 25);
var targetTime = targetDate.getTime();
var timeLeft = targetTime-currentTime;
var sec = Math.floor(timeLeft/1000);
var min = Math.floor(sec/60);
var hrs = Math.floor(min/60);
var days = Math.floor(hrs/24);
sec = (sec%60);
min = (min%60);
hrs = (hrs%24);
sec<10 ? sec="0"+sec : sec;
min<10 ? min="0"+min : min;
hrs<10 ? hrs="0"+hrs : hrs;
var counter:String = days+" : "+hrs+" : "+min+" : "+sec;
time_txt.text = counter;
};
Eine kleiner Hinweis :
currentYear = aktuelles Jahr ( ihr könnt auch eine Jahreszahl eingeben ).
Die Monate fangen in Flash zu zählen bei "0" für Januar an und enden bei "11" für Dezember.
Noch ein wichtiger Hinweis:
var targetDate:Date = new Date(currentYear, 11, 25);
Das ist das Enddatum wann der Countdown abgelaufen ist.
Wollt ihr einen Sylvester Countdown dann muss das Tagesdatum auf 32 gesetzt werden.
Viel Spaß
|
