Seite 1 von 1

Echtzeituhr im HTML-Format generieren und in Immobilie einbinden

Verfasst: Donnerstag 29. Juli 2021, 21:28
von Webmaster

Echtzeituhr im HTML-Format generieren und in Immobilie einbinden

Als Alternative zum Script Clockface gibt es auch die Möglichkeit eine Echtzeit Uhr im HTML-Format einzubinden, wie das gemacht wird ist hier beschrieben.

*Hinweis:

Diese Beschreibung dient lediglich als Beispiel, natürlich kann jeder versierte User seine eigene Uhr in diesem Format auf diversen Seiten generieren und so umändern das diese auch in seiner Immobilie angezeigt wird. Diverse Seiten im Internet bieten dieses Feature kostenlos an, sucht einfach nach HTML Echtzeituhren.

Der unten angegebene Link kann direkt so verwendet werden.

Als erstes habe ich mit dem genannten Suchbegriff bei Google gesucht und auf der Seite Zeitverschiebung.net meine persönliche Uhr ausgewählt, die Zeitzone bestimmt und den Code generieren lassen.

Dieser sieht dann wie folgt aus:

<div style="text-align:center;padding:1em 0;"> <h2><a style="text-decoration:none;" href="https://www.zeitverschiebung.net/de/city/2950159"><span style="color:gray;">Aktuelle Uhrzeit / Ortszeit</span><br />Berlin, Deutschland</a></h2> <iframe src="https://www.zeitverschiebung.net/clock- ... e%2FBerlin" width="100%" height="140" frameborder="0" seamless></iframe> <small style="color:gray;">&copy; <a href="https://www.zeitzonenrechner.net/" style="color: gray;">Zeitzonenrechner</a></small> </div>

Um die Uhr in der City als Web Browser (Chromium) anzeigen zu lassen benötigen wir nur einen kleinen Teil dieses HTML-Codes.

https://www.zeitverschiebung.net/clock- ... e%2FBerlin

In Deiner Immobilie erstellst Du Dir nun eine Box Schachtel Einfach und wählst das Script Web Browser (Chromium) aus.
In die Zeile der URL kopierst Du nun den eben ausgeschnittenen Link
Die Offset-Werte können so belassen werden da die Box Schachtel Einfach die verlinkten Objekte zentriert darstellt
Die Größe der Uhr kannst Du über den Wert Scale (in diesem Beispiel 1.30) dementsprechend verändern
Die Werte bei Width (Breite) und Height (Höhe) habe ich jeweils auf 250 gesetzt
Entferne die Haken bei Camera Look und Interactive
Im Status aktivierst Du die Haken bei Unsichtbar und Activate On Load
Möchtest Du das die Uhr beleuchtet ist dann verwende den haken bei Sprite leuchtend

Original Text © Art-Team