Uhr generieren

[broadway]

Der Wiki-Beitrag stammt von mir - was ist daran nicht klar ?

Wie adaptiert man es z.B. für den "dark" Style?

[bullydog1984de]

Sehr geehrter Herr Henning,

erstmal vorne weg vielen Dank für den Wiki-Beitrag.
Sie verweisen darauf, dass die Möglichkeit besteht, den Code auf Sekunden auszuweiten. Dieses ist sicherlich für geübte Programmierer eine Leichtigkeit. Für ungeübte stellt dieses eine große Herausforderung dar. Ich würde mich freuen, wenn Sie mir mitteilen würden, wie ich zum einen die Sekunden einbinden kann und zum anderen das aktuelle Datum erzeuge.

MFG
Bullydog1984de  

[UliM]

Hi,
nach ca 2 Sekunden googeln habe ich gefunden:
http://de.selfhtml.org/javascript/objekte/date.htm

Habe auch noch nie was in Javascript gemacht, die Funktion um Sekunden zu erweitern dürfte wohl in etwa so aussehen (ungetestet):

Code Auswählen Erweitern


function GetClock(){
 d = new Date();
 nhour  = d.getHours();
 nmin   = d.getMinutes();
 nsec   = d.getSeconds();
 if(nmin <= 9){nmin="0"+nmin}
 if(nsec <= 9({nsec="0"+nsec}
 document.getElementById('logo').innerHTML=nhour+":"+nmin+":"+nsec;
 setTimeout("GetClock()", 1000);
}
window.onload=GetClock;


[Prof. Dr. Peter Henning]

Das, was UliM unten gemacht hat, führt hier tatsächlich am schnellsten zum Ziel - ich bin leider derzeit etwas in Zeitnot.

Eingeben "Javascript Clock" liefert 64,800,000 Links bei Google.

LG

pah

[Prof. Dr. Peter Henning]

Passt.

Ich habe hier schon ein Handbuchkapitel über Perl zur Verfügung gestellt, ich könnte auch noch eins über JavaScript hinzufügen.

LG

pah

[bullydog1984de]

DANKE UliM hat funktioniert. Es musste lediglich die Klammer bei if(nsec <= 9([/b]{nsec="0"+nsec} gedreht werden.

[bullydog1984de]

Hallo zusammen,

ich habe jetzt auch das Datum mit folgenden Code einbinden können:

Code Auswählen Erweitern

function
GetClock()
{
 datum = new Date();
 std = datum.getHours();
 min = datum.getMinutes();
 sec = datum.getSeconds();
 if(std < 10){std = '0'+std;}
 if(min < 10){min = '0'+min;}
 if(sec < 10){sec = '0'+sec;}
 zeit = std+':'+min+':'+sec;
 tag = datum.getDate();
 monat = datum.getMonth() +1;
 jahr = datum.getFullYear();
 zeit += '\n' +tag+ '.' +monat+ '.' +jahr;
 document.getElementById('logo').innerHTML = zeit;
 setTimeout("GetClock()", 1000);
}
window.onload=GetClock;

Gruß
Bullydog1984de

[broadway]

Leider habe ich gerade festgestellt, dass der code die Uhrzeit des Systems anzeigt, mit dem ich über Netzwerk auf FHEM zugreife.

Viel interessanter wäre doch die Systemzeit der FHEM Hardware, oder?

[Prof. Dr. Peter Henning]

Erst einmal war das klar - JavaScript läuft im Browser.

Zweitens ist es schwierig, sich die Zeit des FHEM-Systems _genau_ zu holen - da gibt es nämlich Netzwerklatenzen ...

Drittens aber: Wieso eigentlich ? Sowohl der FHEM-Server, als auch der mit dem Browser sollten sich über NTP mit einem Zeitserver synchronisieren, haben damit dieselbe Zeit. Und NTP bezieht die Netzwerklatenz mit ein.

Also, ich sehe das Problem nicht.

LG

pah

[broadway]

Erstens ist das bestimmt nicht jedem klar und

zweitens ist das keine Kritik am code für die Uhr, sondern ein Hinweis.

Und dank meinem Beitrag und Ihrer Antwort machen sich vielleicht mehr Leute Gedanken, wie sie Ihre Zeiten synchronisieren. Bei mir ist der NAS synchronisiert, am PC besteht aber keine Notwendigkeit.

[Otto]

Hallo,

also bei mir geht es nicht:
Logobilddatei wird nicht angezeigt, also css wird richtig ausgeführt.

Javadatei svg.js wird geladen und Änderungen sind vorhanden.


Bin planlos.

Gruß Otto

[prime1009]

Hi,

bei mir wird die Uhr nicht angezeigt, wenn ich in der fhem.cfg "longpoll" eingeschaltet habe.

Schalte das doch mal ab und schau dann, ob die Uhr angezeigt wird.

Villeicht findet ja jemand eine Lösung, das beides funktioniert. Ohne "longpoll" werden die Schaltzustände immer erst nach einem "refresh" richtig angezeigt.