 25. Juli 2007 - 75 Jahre Verkehrsampel
Images zeitgesteuert tauschen (abhängig vom Sekundenwert). Dieses Script habe ich zum Jubiläum der Verkehrsampel geschrieben.
Einer meiner Versuche mit Hilfe von JavaScript Grafiken zeitabhängig auszutauschen. Ohne Änderungen wäre dieses Beispiel zum Beispiel auf einer Fahrschulseite einsetzbar. Sie könnten das Script natürlich auch ein wenig 'umbauen' und verwenden es für eine Formel 1-Fanclubseite oder Modellbahn-Homepage, dann benötigen sie allerdings andere Images.
Funktion
Eigentlich nichts anderes als eine Abfrageschleife, die den Sekundenwert der Rechnerzeit überprüft. Abhängig vom festgestellten Wert wird die Datenquelle (src) der angezeigten Grafik (id="Ampel") mit document.getElementById("Ampel").src entsprechend festlegt.
Schema:
if (SekundenJetzt > 28 && SekundenJetzt < 32)
document.getElementById("Ampel").src = AlleAmpeln[1].src;
Wenn der Sekundenwert größer als 28 und kleiner als 32 ist, dann entnehme aus dem Register 'AlleAmpeln' die URL-Angaben für die rot-gelbe Ampel. Für das Element mit der ID 'Ampel' gilt dann:
document.getElementById("Ampel").src = "images/ampel-rot-gelb.jpg"
verwendete Grafiken
Ich benutze die in Deutschland übliche Phasenabfolge mit vier Signalisierungszuständen und entsprechend 4 Grafiken, die sie durch Rechtsklick herunterladen und verwenden dürfen.
Wenn ich die Zeit finde, erstelle ich noch einige Grafiken für die Eisenbahnfreaks. Da bin ich allerdings auf ihre Hilfe angewiesen, weil ich keine Ahnung von der Schaltung und Farbkombination habe (Halt, Fahrt, Langsamfahrt). Ja und dann gibts noch Vorsignale und Hauptsignale. Schreiben sie mir, danke.
|
WWW.WEB-TOOLBOX.NET
QuellCode 
ZURÜCK 
