Hallo Ihr da draußen,
Ich hätte gerne für meine Meditations Gruppe einen Meditations - Timer und dachte mit HTLM ist das ja kein Problem.
Ich brauch nur eine laufende Uhrzeit und einen Timer der nach oben zählt.
Und ganz einfach ist dieser Code entstanden. Es fehlen zur die Nullen, wenn die Zahl noch keinen Zehner hat, aber bis dahin volle Funktion.
Aber, wenn die zweite Medi oder eine weitere startet bekommen ich den count_up - Timer nicht Resetet.
Kann da jemand helfen?
Vielen Dank im voraus.
mfg
<html>
<head>
<title>Meditations Timer 07.20</title>
<meta name="author" content="zuHause">
<script>
var countDownDate = localStorage.getItem('startDate');
if (countDownDate) {
countDownDate = new Date(countDownDate);
} else {
countDownDate = new Date();
localStorage.setItem('startDate', countDownDate);
}
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
//var Time = countDownDate.getTime();
var Time = new Date().getTime();
// Find the distance between now an the count down date
var distance = now - countDownDate.getTime();
// Time calculations for minutes and seconds
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="count_up"
document.getElementById("count_up").innerHTML = minutes + " : " + seconds;
var jetzt = new Date(),
h = jetzt.getHours(),
m = jetzt.getMinutes(),
s = jetzt.getSeconds();
document.getElementById('uhr').innerHTML = h + ' : ' + m + ' : ' + s;
}, 1000);
</script>
<p id="uhr"></p>
<p id="count_up"></p>
</html>