counter der Stoppt wenn Fenster verlassen wird
Wie oben beschrieben möchte ich einen Counter laufen lassen, der soll so lange auf oder ab Zählen wie ich auf der Seite bin.
Wenn ich das Fenster verlasse und woanders rum surfe soll der Counter stehen bleiben und erst weiter zählen wenn ich das Fenster wieder betrete.
Der hier verwendete Code
<script src="/js_webseite/jquery.js"></script>
<body>
<div id="timer_div"></div>
</body>
<script>
var timer = 60;
function startTimer(){
timer = timer - 1;
if (timer <= 0)
{
document.getElementById('timer_div').innerHTML = 'DONE | <a href="URL">weiter</a>';
clearInterval(timerInterval);
}else{
$("#timer_div").html(timer);
}
}
var timerInterval;
$(window).focus(function() {
if (!timerInterval){
}
timerInterval = setInterval(startTimer, 1000);
});
$(window).blur(function() {
clearInterval(timerInterval);
timerInterval = 0;
});
window.focus()
</script>