Beispiele für Analoguhranzeigen

      Beispiele für Analoguhranzeigen

      Java Skript-Uhr

      Quelle: 3quarks.com/de/Bahnhofsuhr/index.html

      JavaScript CodeDer unten stehende JavaScript Code wird automatisch aus den Einstellungen des Abschnitts „Eigene Bahnhofsuhr“ generiert. Du kannst so Deine eigene Bahnhofsuhr zusammenklicken und anschließend den erzeugten Source Code einfach kopieren.

      Die ersten drei Zeilen sind nur für den Internet Explorer bis zur Version 8 interessant. Sie binden die JavaScript-Bibliothek excanvas.js über einen bedingten Kommentar ein; andere Browser ignorieren diese Anweisung.

      Das Script geht davon aus, daß sich die beiden JavaScript-Bibliotheken station-clock.js und excanvas.js im gleichen Verzeichnis wie die HTML-Seite mit dem <canvas>-Tag befinden. Ist dies bei Dir nicht der Fall, dann mußt Du die beiden Pfadangaben entsprechend ändern.

      Weiter geht das Script davon aus, daß Du auf der HTML-Seite als <canvas> id den Namen clock verwendest. Wenn Du eine andere id bevorzugen, dann mußt Du auch hier den Source Code anpassen.

      Quellcode

      1. <!--[if lt IE 9]>
      2. <script type="text/javascript" src="excanvas.js"></script>
      3. <![endif]-->
      4. <script type="text/javascript" src="station-clock.js"></script>
      5. <script type="text/javascript">
      6. var clock = new StationClock("clock");
      7. clock.body = StationClock.SquareBody;
      8. clock.dial = StationClock.GermanStrokeDial;
      9. clock.hourHand = StationClock.PointedHourHand;
      10. clock.minuteHand = StationClock.PointedMinuteHand;
      11. clock.secondHand = StationClock.HoleShapedSecondHand;
      12. clock.boss = StationClock.RedBoss;
      13. clock.minuteHandBehavoir = StationClock.CreepingMinuteHand;
      14. clock.secondHandBehavoir = StationClock.OverhastySecondHand;
      15. window.setInterval(function() { clock.draw() }, 50);
      16. </script>
      Bilder
      • Uhr.jpg

        12,09 kB, 239×242, 0 mal angesehen
      Dateien
      Analoguhr für Deine Webseite

      Du möchtest auf deiner Homepage die Uhrzeit einbinden? Dann haben wir für dich die passende Lösung! Mit dem kostenlosen Widget kannst du dir deine ganz eigene Analog- oder Digitaluhr gestalten. Anschließend erhältst du einen HTML-Code. Du musst diesen Code nur kopieren und auf deiner Seite einbauen. Der ausgewählte Stil wird natürlich übernommen. Gerne wird das Widget in der Seitenleiste eingebaut, so dass es auf allen Seiten sichtbar ist, aber natürlich hast du die freie Wahl.

      Zur Zeit arbeiten wir an weiteren Optionen zur Anpassungen des Design und zusätzlichen Optionen wie Zeitverschiebung.

      Deine Vorteile:
      • Für immer kostenlos
      • Verwende deinen eigenen Style
      • Datum, Uhrzeit oder Beides
      Quelle: herrenuhren24.net/uhr-fuer-homepage-kostenloses-widget/

      Der Code für deine Website / Homepage:

      Quellcode

      1. <div id="myclock3"><div></div><small>© <a id="hu24" target="_blank" href="https://herrenuhren24.net/">Herrenuhren24</a></small></div><script src="https://herrenuhren24.net/wp-content/uploads/clock/date2.php" type="text/javascript"></script>

      1. Kopiere den Code auf deine Webseite
      2. Fertig!
      Uhr-Widget für Ihre Website
      Erstellen Sie mit wenigen Klicks analoge oder digitale Uhren für Ihre Website oder Ihren Blog. Eine Registrierung ist nicht erforderlich, der HTML-Code ist sofort verfügbar.

      Hinweis: Diese Anwendung steht momentan nur auf unserer englischsprachigen Mutterseite timeanddate.com zur Verfügung. Über den folgenden Link gelangen Sie direkt zur Anwendung:

      Jetzt kostenlosen HTML-Code für Ihre Uhren erstellenUnser Uhr-WidgetAbsolute Präzision — Das Widget zeigt unabhängig von Ihrer Systemuhr immer die richtige Zeit an.
      Sommerzeit — Alle Zeitumstellungen weltweit werden automatisch und in Echtzeit berücksichtigt.
      Global — Alle Zeitzonen der Welt sind verfügbar.
      Design — Wählen Sie einen von vielen Looks für Ihre digitale oder analoge Uhr.
      Mehrsprachig — Viele Sprachen sind verfügbar, darunter natürlich auch Deutsch.
      BedingungenSie dürfen bis zu sechs Uhren pro Seite auf Ihrer Website oder Ihrem Blog veröffentlichen. Wenn Sie mehr als zwei Uhren veröffentlichen, platzieren Sie bitte einen separaten Link zu unserer Website auf derselben Seite.

      Quelle: timeanddate.de/apps/uhr

      Quellcode

      1. <iframe src="http://free.timeanddate.com/clock/i7ms5aoo/n2840/szw160/szh160/hoc09f/hbw4/cf100/hgr0/hwc000/hccf00/hcw2/fav0/fiv0/mqc000/mqs3/mql25/mqw6/mqd96/mhc000/mhs3/mhl20/mhw6/mhd96/mmc000/mms3/mml10/mmw2/mmd96/hhw16/hhr4/hmw16/hmr4/hsl90" frameborder="0" width="160" height="160"></iframe>
      Bilder
      • uhr.jpg

        10,23 kB, 223×221, 0 mal angesehen
      Datum- und Uhrzeit-Widgets für Ihre Internetseite oder Ihren Blog
      Fügen Sie unser Datum- und Uhrzeit-Widget Ihrer Internetseite oder Ihrem Blog hinzu und lassen Sie stets und überall die aktuelle Uhrzeit anzeigen! Sie können alle Parameter der Uhr- und Datumsanzeige verändern, um Sie Ihrem persönlichen Inhalt und Erscheinungsbild anzupassen. Komplett KOSTENLOS!

      Hier unten können Sie zwischen dem Digitaluhr- und dem Analoguhr-Widget für Internetseiten oder Blogs wählen:

      Quelle: dayspedia.com/widgets/?lang=de