Digitaluhr im Webfront

Digitaluhr im Webfront wollte ich schon immer mal realisieren, nun funktioniert sie
Die Digits kommen aus Colibrico, Grösse kann man sich da auswählen.
Bei Bedarf kann ich das Skript hier posten

2018-10-17.png

Melde hiermit Bedarf an :slight_smile: Sieht toll aus.

Klasse gemacht. Schaut gut aus.

Gesendet von iPhone XS mit Tapatalk

hatte mal mit analoger Uhr experimentiert nimmt aber zu viel Platz weg, daher diese Lösung und ist auf die Entfernung sehr gut lesbar.
Erst werden die Minuten auseinander gedröselt, 10er und 1er, mit den PNGs versehen und am Ende auch mit den Stunden zusammengesetzt. Die PNGs mit dem Dot werden nur bei der zweiten Stundenstelle benötigt, trennen aber Stunden von den Minuten, man könnte die Dots noch bearbeiten, ein Doppelpunkt oder komplett separieren, so dass die Zahlen mit den Dots wegfallen. Werde ich noch ändern und dann hier einfügen
Hier das Skript, von hinten durch die Brust ins Auge, aber läuft stabil…

<?
// Digital Uhrzeit im Webfront

 // Stunde:Minute
	 $timeH = date("H");
	 $minutes = date("i");
	 setvalue(38746 /*[SKRIPTE\globale Funktionen\uhr\zwischen\stunde]*/,$timeH);
	 setvalue(22328 /*[SKRIPTE\globale Funktionen\uhr\zwischen\minute]*/,$minutes);
	 $temp	=	getvalue(22328 /*[SKRIPTE\globale Funktionen\uhr\zwischen\minute]*/);
	 $min	=	 substr($temp,1);
	 $max	=	 substr($temp,0,1);
	 setvalue(42485 /*[SKRIPTE\globale Funktionen\uhr\zwischen\max]*/,$max);
	 setvalue(29793 /*[SKRIPTE\globale Funktionen\uhr\zwischen\min]*/,$min);
	 $ergebnis	=	35315 /*[SKRIPTE\globale Funktionen\uhr\stunden]*/;
	 $vorne		=	53922 /*[SKRIPTE\globale Funktionen\uhr\min_vorne]*/;
	 $hinten	=	33138 /*[SKRIPTE\globale Funktionen\uhr\min_hinten]*/;
 
 //PNGs kommen aus Colibrico, der DoppelDot muss mit einem Grafikprg gebaut werden und werden irgendwo deponiert, ggf Pfad anpassen. Aus lizenzrechtlichen Gründen darf ich die PNGs hier nicht einstellen.
 
 // Digits abholen
 $dot		= '<img src="\\user\\icons\\digits\\doppeldot.png">';
 $null		= '<img src="\\user\\icons\\digits\\0.png">';
 $eins		= '<img src="\\user\\icons\\digits\\1.png">';
 $zwei		= '<img src="\\user\\icons\\digits\\2.png">';
 $drei		= '<img src="\\user\\icons\\digits\\3.png">';
 $vier		= '<img src="\\user\\icons\\digits\\4.png">';
 $fünf		= '<img src="\\user\\icons\\digits\\5.png">';
 $sechs		= '<img src="\\user\\icons\\digits\\6.png">';
 $sieben	= '<img src="\\user\\icons\\digits\\7.png">';
 $acht		= '<img src="\\user\\icons\\digits\\8.png">';
 $neun		= '<img src="\\user\\icons\\digits\\9.png">';

 
 // Digits zusammensetzen
 
   switch ($timeH) // hier die Stunden
  	{
	case 0: 
    	setvalue($ergebnis, $null.$null);      
	break; 
	 
	case 1: 
    	setvalue($ergebnis, $null.$eins);      
	break;
				 
	case 2: 
    	setvalue($ergebnis, $null.$zwei);      
	break;
									 
	case 3: 
    	setvalue($ergebnis, $null.$drei);      
	break;

	case 4: 
    	setvalue($ergebnis, $null.$vier);      
	break;
				 
	case 5: 
    	setvalue($ergebnis, $null.$fünf);      
	break;
				 
	case 6: 
    	setvalue($ergebnis, $null.$sechs);      
	break;
									 
	case 7: 
    	setvalue($ergebnis, $null.$sieben);      
	break;
		
	case 8: 
    	setvalue($ergebnis, $null.$acht);      
	break;
				 
	case 9: 
    	setvalue($ergebnis, $null.$neun);      
	break;
									 
//------------------------------------------------------------------------

	case 10: 
    	setvalue($ergebnis, $eins.$null);      
	break; 
	 
	case 11: 
    	setvalue($ergebnis, $eins.$eins);      
	break;
				 
	case 12: 
    	setvalue($ergebnis, $eins.$zwei);      
	break;
									 
	case 13: 
    	setvalue($ergebnis, $eins.$drei);      
	break;

	case 14: 
    	setvalue($ergebnis, $eins.$vier);      
	break;
				 
	case 15: 
    	setvalue($ergebnis, $eins.$fünf);      
	break;
				 
	case 16: 
    	setvalue($ergebnis, $eins.$sechs);      
	break;
									 
	case 17: 
    	setvalue($ergebnis, $eins.$sieben);      
	break;
		
	case 18: 
    	setvalue($ergebnis, $eins.$acht);      
	break;
				 
	case 19: 
    	setvalue($ergebnis, $eins.$neun);      
	break;

//------------------------------------------------------------------------
									 
	case 20: 
    	setvalue($ergebnis, $zwei.$null);      
	break;  
	case 21: 
    	setvalue($ergebnis, $zwei.$eins);      
	break;
				 
	case 22: 
    	setvalue($ergebnis, $zwei.$zwei);      
	break;
									 
	case 23: 
    	setvalue($ergebnis, $zwei.$drei);      
	break;

//------------------------------------------------------------------------

	} 


   switch ($max) // 10er Minuten (min_vorne)
  	{
	case 0: 
    	setvalue($vorne, $null);      
	break; 
	 
	case 1: 
    	setvalue($vorne, $eins);    
	break;
				 
	case 2: 
    	setvalue($vorne, $zwei);
	break;
									 
	case 3: 
    	setvalue($vorne, $drei);     
	break;

	case 4: 
    	setvalue($vorne, $vier);      
	break;
				 
	case 5: 
    	setvalue($vorne, $fünf);    
	break;
 }
 


   switch ($min) // 1er Minuten (min_hinten)
  	{
	case 0: 
    	setvalue($hinten, $null);      
	break; 
	 
	case 1: 
    	setvalue($hinten, $eins);    
	break;
				 
	case 2: 
    	setvalue($hinten, $zwei);
	break;
									 
	case 3: 
    	setvalue($hinten, $drei);     
	break;

	case 4: 
    	setvalue($hinten, $vier);      
	break;
				 
	case 5: 
    	setvalue($hinten, $fünf);    
	break;
	
	case 6: 
    	setvalue($hinten, $sechs);  
	break;

	case 7: 
    	setvalue($hinten, $sieben);      
	break;
				 
	case 8: 
    	setvalue($hinten, $acht);    
	break;
	
	case 9: 
    	setvalue($hinten, $neun);  
	break;	
	
 }

$temp1	=	getvalue(35315 /*[SKRIPTE\globale Funktionen\uhr\stunden]*/);
$temp2	=	getvalue(53922 /*[SKRIPTE\globale Funktionen\uhr\min_vorne]*/).getvalue(33138 /*[SKRIPTE\globale Funktionen\uhr\min_hinten]*/);

setvalue(11044 /*[SKRIPTE\globale Funktionen\uhr\gesamt]*/,"<center>".$temp1.$dot.$temp2); 


?>

Zu den Variablen als Integer und String ist nicht viel hinzuzufügen, nur das die Strings logischerweise als ~html profiliert werden.
Die Triggerung natürlich im Minutentakt :smiley:

Hier die Änderung mit den DoppelDots, ein schmales PNG erzeugt

2018-10-18 (1).png

Weiße LED/LCD sehen bestimmt auch gut aus

Sieht super aus! Gefällt mir persönlich optisch wirklich gut!

Allerdings eine kurze Frage. Wieso nicht mit einer 7-Segmet Schriftart und eventuell Javascript? Die Schriftart kann man ja ggf. als URL einbinden. Damit könnte man auch Sekunden darstellen und die Punkte blinken lassen. Das Skript mit dem aneinander reihen scheint mir ein bisschen Overkill. Oder gibt es einen gewissen Grund für diese Lösung?

Wieso nicht mit einer 7-Segmet Schriftart und eventuell Javascript? Die Schriftart kann man ja ggf. als URL einbinden. Damit könnte man auch Sekunden darstellen und die Punkte blinken lassen.

kannst du doch gerne machen !
ich hatte halt Spass an der Sache mit dem Aneinanderreihen :smiley:

Oder gibt es einen gewissen Grund für diese Lösung?

hat mir alles nicht gefallen und benötige keine Inet-verbindung

die Idee kam mir, als ich die Digits im Colibrico gesehen habe