• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] start und endzeit begrenzen nach aktueller Zeit, in einer bewegung

M

mrbelvedere58

New member
Hallo an alle,

Ich bin neu hier und habe nicht so viel Ahnung von js und hoffe ihr könnt mir helfen.

ich möchte das sich die Sonne nur zwischen der Startzeit und der Endzeit bewegt so das der Stand der Sonne abzulesen ist.

Das ganze ist teil einer Hauautomation, als Browser läuft nur der Firefox rund um die Uhr.

nur bekomme ich es nicht hin das es nach aktueller Zeit läuft.
Hier mein Skript:

Schon mal Danke im voraus, hoffe Ihr könnt mir helfen :)
Code: 
<!DOCTYPE HTML>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 //EN" "">
<HTML>
<HEAD>
<meta charset="utf-8">
<title>Sonnenscheinzeit</title>

<STYLE type="text/css">
BODY {margin-top:0px;margin-left:0px;color: #ffffff;font-family: "Times New Roman",serif; font-size: 20px; }
.sun {position:absolute;left:150;top:13}
.maske{width:300px; height:132px; background-color:#000; border:1px solid #000000 }
.unter{margin-left:218px; margin-top:25px;position: absolute;display: block;}
.auf{margin-left:20px;margin-top:25px;position: absolute;display: block;}
.sonne {
	left: 20px; top: 0px; width: 23px; height: 23px; position: absolute; pointer-events: none; 
	background-image: none, url("data:image/svg;base64,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");
 background-repeat: no-repeat; background-size: 100% 100%;
}
.bogen {
	height: 65px; top: 23Px; padding-bottom: 10px;left: 10px; width: 318px; display: block; position: relative; background-image: none, url("data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAAicAAACDCAYAAABWQrsMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRDE5RDU1QkVBQTAxMUUyQkExNjk3MDM3QzQwNUUxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRDE5RDU1Q0VBQTAxMUUyQkExNjk3MDM3QzQwNUUxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBEMTlENTU5RUFBMDExRTJCQTE2OTcwMzdDNDA1RTFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBEMTlENTVBRUFBMDExRTJCQTE2OTcwMzdDNDA1RTFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Yy92xwAAGb9JREFUeNrs3QmY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"); background-repeat: no-repeat; background-size: 100% 100%;
}
</STYLE>
 
<SCRIPT>
sunauf = '06:30';
sununter = '18:33';

start = 1.09 * Math.PI;  
ende = 1.91 * Math.PI;
radius=101;

function bewegen()
 {
    x=114+radius*Math.cos(start);
    y=114+radius*Math.sin(start);
 
     with(document.getElementById("sun").style)
      {
        left=x+"px";
        top=y+"px";
       }
       
  		start=start+0.05;  // schrittweite

		document.getElementById('auf').innerHTML = sunauf;
		document.getElementById('unter').innerHTML = sununter;
   window.setTimeout("bewegen()",300);
} 
 		


</SCRIPT>

</HEAD> 

<BODY onload="bewegen()">
	<div class= "maske">
		<div class= "bogen"></div>
		<div id="auf" class="auf"></div>
		<div id="unter" class="unter"></div>

	</div>	
	
	<DIV class="sun" id="sun">
		<div class="sonne"></div>
	</DIV>





</BODY>
</HTML>
 
Zuletzt bearbeitet:
Ich verstehe nicht ganz, was du machen willst. Willst du den aktuellen Sonnenstand anzeigen? Was soll in der Nacht angezeigt werden?

PS: Ich will dir ja nicht zu Nahe treten, aber das
mrbelvedere58 schrieb:
nicht so viel Ahnung von js
Zum Vergrößern anklicken....
merkt man sehr stark. Hast du den Code selber geschrieben? Der ist nämlich wirklich nicht gut: HTML ist invalide und inkonsistent geschrieben, inkonsistenter Codestil, globale Variablen im JS, Fehler in der Fehlerkonsole, Verwendung des "with"-Statements, String als Parameter von window.setTimeout(), unnötige DOM-Manipulation (du musst doch nicht in jedem Animationsframe die Zeitangabe schreiben).
 
kkapsner schrieb:
Ich verstehe nicht ganz, was du machen willst. Willst du den aktuellen Sonnenstand anzeigen? Was soll in der Nacht angezeigt werden?

PS: Ich will dir ja nicht zu Nahe treten, aber das merkt man sehr stark. Hast du den Code selber geschrieben? Der ist nämlich wirklich nicht gut: HTML ist invalide und inkonsistent geschrieben, inkonsistenter Codestil, globale Variablen im JS, Fehler in der Fehlerkonsole, Verwendung des "with"-Statements, String als Parameter von window.setTimeout(), unnötige DOM-Manipulation (du musst doch nicht in jedem Animationsframe die Zeitangabe schreiben).
Zum Vergrößern anklicken....

Hallo und vielen Dank für deine Antwort,
ja ich möchte den Aktuellen Sonnenstand anzeigen. Wenn die Sonne untergegangen ist soll die kleine Sonne auf ihrer Position stehen bleiben und um 00:00 zur Aufgangs zeit springen um dann am nächsten Tag wieder bei Sonnenaufgang starten, in der Nacht wird soweit nichts weiter Angezeigt.
Erst wieder am nächsten Tag wenn die Sonne auf geht.

ich habe Zeile 49 gelöscht sie gehört dort nicht hin.

Ich habe mir das ganze aus im Internet zusammen gestückelt und war schon stolz das sich überhaut was bewegt hat auch wenn es viele Fehler hat und unsauber Programmiert ist.
Aber man lernt immer dazu.
 
Zuletzt bearbeitet:
OK - woher willst du die Sonnenaufgangs- und -untergangszeiten nehmen? Berechnen? Tabelle?

Ich würde die Sonne ja wirklich "untergehen" lassen. Also langsam hinter dem Horizont verschwinden lassen.

mrbelvedere58 schrieb:
Ich habe mir das ganze aus im Internet zusammen gestückelt und war schon stolz das sich überhaut was bewegt hat auch wenn es viele Fehler hat und unsauber Programmiert ist.
Zum Vergrößern anklicken....
Ist ja auch OK, wenn man Anfänger ist. Jeder war das irgendwann mal. Wollte dich nur auf die Schwachstellen hinweisen.

mrbelvedere58 schrieb:
Aber man lernt immer dazu.
Zum Vergrößern anklicken....
Dazu ist ja so ein Forum auch da.

Deswegen können wir ja mal zusammen erarbeiten, wie man dein Problem löst. Ein Ansatz ist ja schon vorhanden.

Als erstes brauchen wir die aktuelle Zeit. Schau' dir dazu das an: https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Date
Und als nächstes brauchen wir die Zeit seit dem Sonnenaufgang und die zwischen Sonnenauf- und untergang. Am besten schön dynamisch und das geht auch mit dem Date-Objekt.
 
Vielen Dank das du mir deine Hilfe anbietest,

ich habe jetzt die die Zeiten die benötigt werden in das Script eingefügt ich hoffe das du das so in etwa gemeint hast.

Code: 
<STYLE>
.ausgabe {margin-top:0px;margin-left:0px;color: #000000;font-family: "Times New Roman",serif; font-size: 20px; }
</STYLE>
 
<SCRIPT>

var	startzeit = new Date();       // Sonnenaufgang
	 	startzeit.setHours(06);
		startzeit.setMinutes(30);
		startzeit.setSeconds(00);

var	endzeit = new Date();         // Sonnenuntergang
		endzeit.setHours(18);
		endzeit.setMinutes(15);
		endzeit.setSeconds(00);

function Uhr() {

 	aktuellezeit = new Date();
 	istzeit = aktuellezeit.getTime();						// startzeit
        vergangen = aktuellezeit.getTime() - startzeit.getTime(); 			// vergangene Zeit zwischen, Sonnenaufgang und Aktuelle Zeit
	sonnendauer = endzeit.getTime() - startzeit.getTime();				//  Zeit zwischen, Sonnenaufgang und Untergang

	document.getElementById('ausgabe').innerHTML = 'ist Zeit : '+istzeit+'<br>vergangene Zeit : '+vergangen +'<br>zwischen auf & unter : '+sonnendauer;
	
	window.setTimeout("Uhr()", 1000); // takt der uhr 1 sec	
}



sunauf = startzeit.getHours()+':'+startzeit.getMinutes();
sununter = endzeit.getHours()+':'+endzeit.getMinutes();

start = 1.09 * Math.PI;  
ende = 1.91 * Math.PI;
radius=101;

function bewegen()
 {
    x=114+radius*Math.cos(start);
    y=114+radius*Math.sin(start);
 
     with(document.getElementById("sun").style)
      {
        left=x+"px";
        top=y+"px";
       }
       
  		start=start+0.05;  // schrittweite

		document.getElementById('auf').innerHTML = sunauf;
		document.getElementById('unter').innerHTML = sununter;
   window.setTimeout("bewegen()",300);



} 
</SCRIPT>

</HEAD> 

<BODY onload="bewegen(), Uhr()" >
	<div class= "maske">
		<div class= "bogen"></div>
		<div id="auf" class="auf"></div>
		<div id="unter" class="unter"></div>

	</div>	
	
	<DIV class="sun" id="sun">
		<div class="sonne"></div>
	</DIV>

	<DIV id="ausgabe" class="ausgabe">
	</DIV>



</BODY>
</HTML>

habe leider nicht die Komplette html rein bekommen daher habe ich die Grafiken weg gelasse
 
Zuletzt bearbeitet:
Sehr schön - das sieht doch nicht schlecht aus.

Wenn man jetzt die beiden Skripte kombiniert und den Code noch etwas aufhübscht, kann in etwas sowas rauskommen:
Code: 
<!DOCTYPE html>
<html>
<head>
<style>
BODY {margin-top:0px;margin-left:0px;color: #ffffff;font-family: "Times New Roman",serif; font-size: 20px; }
.sun {position:absolute;left:150;top:13}
.maske{width:300px; height:132px; background-color:#000; border:1px solid #000000 }
.unter{margin-left:218px; margin-top:25px;position: absolute;display: block;}
.auf{margin-left:20px;margin-top:25px;position: absolute;display: block;}
.sonne {
	left: 20px; top: 0px; width: 23px; height: 23px; position: absolute; pointer-events: none; 
	background-image: none, url("data:image/svg;base64,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");
 background-repeat: no-repeat; background-size: 100% 100%;
}
.bogen {
	height: 65px; top: 23Px; padding-bottom: 10px;left: 10px; width: 318px; display: block; position: relative; background-image: none, url("data:image/svg;base64,iVBORw0KGgoAAAANSUhEUgAAAicAAACDCAYAAABWQrsMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowRDE5RDU1QkVBQTAxMUUyQkExNjk3MDM3QzQwNUUxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowRDE5RDU1Q0VBQTAxMUUyQkExNjk3MDM3QzQwNUUxRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBEMTlENTU5RUFBMDExRTJCQTE2OTcwMzdDNDA1RTFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBEMTlENTVBRUFBMDExRTJCQTE2OTcwMzdDNDA1RTFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Yy92xwAAGb9JREFUeNrs3QmY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"); background-repeat: no-repeat; background-size: 100% 100%;
}
</style>
 
<script>
window.onload = function(){
	var sonnenaufgang = {
		hours: 6,
		minutes: 45,
		seconds: 0
	}
	var sonnenuntergang = {
		hours: 19,
		minutes: 30,
		seconds: 0
	}
	
	document.getElementById('auf').innerHTML = sonnenaufgang.hours + ":" + sonnenaufgang.minutes;
	document.getElementById('unter').innerHTML = sonnenuntergang.hours + ":" + sonnenuntergang.minutes;
	
	function setSun(position){console.log(position);
		var sun = document.getElementById("sun");
		sun.style.display = (position < 0 || position > 1)? "none": "";
		
		var start = 1.09;  
		var ende = 1.91;
		var radius = 101;
		var angle = start + position * (ende - start);
		console.log(angle);
		
		angle *= Math.PI;
		
		sun.style.left = (114 + radius*Math.cos(angle)) + "px";
		sun.style.top = (114 + radius*Math.sin(angle)) + "px";
	}
	
	function Uhr(){
		var aktuellezeit = new Date();
		var now = aktuellezeit.getTime();
		
		aktuellezeit.setHours(sonnenaufgang.hours);
		aktuellezeit.setMinutes(sonnenaufgang.minutes);
		aktuellezeit.setSeconds(sonnenaufgang.seconds);
		
		var start = aktuellezeit.getTime();
		
		aktuellezeit.setHours(sonnenuntergang.hours);
		aktuellezeit.setMinutes(sonnenuntergang.minutes);
		aktuellezeit.setSeconds(sonnenuntergang.seconds);
		
		var end = aktuellezeit.getTime();
		
		setSun((now - start) / (end - start));
		
		window.setTimeout(Uhr, 1000); // takt der uhr 1 sec	
	}
	Uhr();
}
</script>

</head> 

<body>
	<div class= "maske">
		<div class= "bogen"></div>
		<div id="auf" class="auf"></div>
		<div id="unter" class="unter"></div>

	</div>	
	
	<dic class="sun" id="sun">
		<div class="sonne"></div>
	</div>
</body>
</html>
- geh' einfach alles Zeile für Zeile durch und melde dich, wenn du irgendwas nicht verstehst.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben