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="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!