Die Ausstattung dieser Uhr hat sogar Stop, Datum- und Wochentag-Anzeige!
Die Animation ist mit den Programmiersprachen HTML5 und Javascript erstellt. Mit dem nachfolgenden Link können Sie eine grosse Version der Uhr anschauen:
www.cgruber.ch/sbb-Uhr
Das ist ein kleiner Ausschnitt aus dem Javascript Programmier-Code:
- //Position und Grösse der Uhransicht:
this.uhrAnsicht_mc.height = 900;
this.uhrAnsicht_mc.width = 900; - //Position der Uhrzeiger:
this.sekundenZeigermc.x = this.uhrAnsichtmc.x;
this.sekundenZeigermc.y = this.uhrAnsichtmc.y;
this.stundenZeigermc.x = this.uhrAnsichtmc.x;
this.stundenZeigermc.y = this.uhrAnsichtmc.y; - //Uhrzeit herausfinden und definieren:
var jetzt = new Date();
jetzt.getHours() - 12 : jetzt.getHours()) / 12;
var stundenProzent = jetzt.getMinutes() / 60;
var minutenProzent = jetzt.getSeconds() / 58;
if (sekunden >= 58) {} else {
this.sekundenZeiger_mc.rotation = 360 * millisekundenProzent;} - //Datums-Anzeige:
this.Datumsanzeige.Tag.text = jetzt.getDate(); - //Wochentags-Anzeige:
if (weekday == 0) {this.Wochentaganzeige.Wochentag.text = "SO"}
if (weekday == 1) {this.Wochentaganzeige.Wochentag.text = "MO"}
if (weekday == 2) {this.Wochentaganzeige.Wochentag.text = "DI"}
if (weekday == 3) {this.Wochentaganzeige.Wochentag.text = "MI"}
if (weekday == 4) {this.Wochentaganzeige.Wochentag.text = "DO"}
if (weekday == 5) {this.Wochentaganzeige.Wochentag.text = "FR"}
if (weekday == 6) {this.Wochentaganzeige.Wochentag.text = "SA"}