Wir fangen an dem browser zusagen das ab der folgenden stelle ein java-script code folgt:
Nun bilden wir unsere function. die nennen wir countdown
also:
function countdown() { Nun sollten wir die Zeit subtrahieren
time--;
Wir haben also jetzt den code
function countdown() {
Zudem folgt die textausgabe:
dies machen wir mit if's wenn die zeit niedriger als 1 ist gibt er als text 0 an ,ansonsten zeigt er noch an wieviel sekunden bis 0
dies machen wir mit:
if (time < 1) {
text = '0';
} else {
rest=time
text = "Noch " + rest + " bis die Welt untergeht";
nun sollten wir machen das er dies nur jede sekunde ausführt... das machen wir mit einem timeout
window.setTimeout('countdown()', 1000);
Nun haben wir den gesamtcode:
function countdown() {
time--;
if (time < 1) {
text = '0';
} else {
rest=time
text = "Noch " + rest + " bis die Welt untergeht";
window.setTimeout('countdown()', 1000);
somit haben wir die ifs beendet also noch ein
}hinzufügen....
nun sollten wir dem browser sagen das er das auch speichert den textinhalt:
dies geschiet durch:
document.getElementById('time_div').firstChild.data = text;
Nun haben wir die funktion fertig. also kommt wieder am ende
}
Jetzt haben wir den COuntdown fast fertig. Es fehlen nur noch 2 Sachen.
- Einmal muss die variable time VOR der funktion festgelegt werden
- und 2. am ende noch ausgeführt werden: also!
var time = 100000
function countdown() {
time--;
if (time < 1) {
text = '0';
} else {
rest=time
text = "Noch " + rest + " Sekunden bis die Welt untergeht";
window.setTimeout('countdown()', 1000);
}
document.getElementById('time_div').firstChild.data = text;
}
countdown();