Hallo Freunde, ich habe hier ein kleines Countdown Skript, das am Ende der Laufzeit nach 60 Sekunden einen Text ausgibt. Nun möchte ich, das wenn der User ein weiteres TAB in seinem Browser öffnet der Countdown gestoppt wird und wenn der User auf der Hauptseite ist, wo der Countdown stattfand wieder anfängt zu zählen. Ich habe was im Internet über blur gelesen und ein Beispiel gibt es hier https://jsfiddle.net/72cLu8c0/. Ich bin kein Javascript-Spezialist und würde mich freuen, wenn jemand mal drüberschaut und mein Skript unten modifiziert.
Folgenden Code habe ich für den Countdown, der auch prima funktioniert.
Folgenden Code habe ich für den Countdown, der auch prima funktioniert.
Code:
<script type="text/javascript">
var seconds_left = 60;
var interval = setInterval(function() {
document.getElementById('timer_div').innerHTML = --seconds_left;
if (seconds_left <= 0)
{
document.getElementById('timer_div').innerHTML = 'DONE | <a href="URL">weiter</a>';
clearInterval(interval);
}
}, 1000);
</script>
<div id="timer_div"></div>