Uhr-Animation mit Javascript und HTML5

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"}