Verkehsampelschaltung 01
    
 Home • Zeit • Verkehsampelschaltung 01 QuellCode   drucken  Seite drucken

 25. Juli 2007 - 75 Jahre Verkehrsampel - 01

Grafiken zeitgesteuert tauschen (abhängig vom Sekundenwert). Dieses Script habe ich zum Jubiläum der Verkehrsampel geschrieben.
zeitabhängge Bildanzeige Bezug auf den Sekundenwert

UPDATE  03.05.2010, Ampelgrafiken Satz 1 überarbeitet
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.



Die 4 Ampelgrafiken werden zeitabhängig ausgetauscht. Die gesamte Zeitperiode ist 1 Minute. Unterhalb der Ampelschaltung zeige ich zur Kontrolle hier die aktuelle Rechnerzeit an. Zeitpunkt für den Farbwechsel hier bei: 00, 29, 33, 55 Sekunden

Zeit:


   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.

Grafiken 36 × 100 - überarbeitet 03.05.2010

           

Grafiken 36 × 100 - neu 04.05.2010

           

 Grafiken 26 × 67

        

Grafiken 26 × 72 - neu 03.05.2010

        
Grafiken 25 × 32

        

  




4 Grafiken aus Wikimedia Commons (berarbeitet / verkleinert):

Lizenz: CC-Attribution-ShareAlike Autor: MAIX

        

4 Grafiken aus Wikimedia Commons (berarbeitet / verkleinert):

Lizenz: CC-Attribution-ShareAlike Autor: MAIX

        

You are free:
  • to share – to copy, distribute and transmit the work
  • to remix – to adapt the work
Under the following conditions:
  • attribution – You must attribute the work in the manner specified by the author or licensor (but not in any way that suggests that they endorse you or your use of the work).
  • share alike – If you alter, transform, or build upon this work, you may distribute the resulting work only under the same or similar license to this one.




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.