doppelpoint
Neues Mitglied
Moins,
ich versuche gerade für unsere Clan Website einen Countdown zu erstellen, der Countdown soll die verbleibende Zeit bis zum nächsten Server Restart anzeigen.
Der Server wird alle 3h Restartet, 03:00, 06:00 ...
d.h. der Countdown soll alle 3h sich selbst wieder zurücksetzen und sich mit der Zeit synchronisieren, würde man um 2 Uhr nachts schauen müsste der Countdown nur noch auf 1h stehen.
Ich hoffe das es verständlich ist, bin bisschen matsch in der Birne nach dem ganzen rumprobieren.
Ich hab das Beispiel versucht:
da läuft das aber nur mit dem new Date, ich bräuchte also einen 3h Intervall und kein Datum.
CSS ist noch für mich neuland
ich hoffe auf ein Rat.
ich versuche gerade für unsere Clan Website einen Countdown zu erstellen, der Countdown soll die verbleibende Zeit bis zum nächsten Server Restart anzeigen.
Der Server wird alle 3h Restartet, 03:00, 06:00 ...
d.h. der Countdown soll alle 3h sich selbst wieder zurücksetzen und sich mit der Zeit synchronisieren, würde man um 2 Uhr nachts schauen müsste der Countdown nur noch auf 1h stehen.
Ich hoffe das es verständlich ist, bin bisschen matsch in der Birne nach dem ganzen rumprobieren.
Ich hab das Beispiel versucht:
HTML:
<!-- Display the countdown timer in an element -->
<center><p id="demo"></p></center>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Sep 5, 2018 15:37:25").getTime();
// Update the count down every 1 second
var x = setInterval(function() {
// Get todays date and time
var now = new Date().getTime();
// Find the distance between now an the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Display the result in the element with id="demo"
document.getElementById("demo").innerHTML = hours + "h "
+ minutes + "m " + seconds + "s ";
// If the count down is finished, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("demo").innerHTML = "EXPIRED";
}
}, 1000);
</script>CSS ist noch für mich neuland
ich hoffe auf ein Rat.
