Pazar, Aralık 22, 2024

JavaScript ile Kullanıcı İşlem Yapmıyorsa Sayfa Nasıl Yenilenir?

javascript görseli, javascript ile beni unutma yap, javascript programlama dili

Blog adresimde uzunca bir süre kullandığım, sayfada hiç bir işlem yapmadan kalan kullanıcılar için sayfayı yenileyen bir javascript kodudur, isteyen arkadaşlar sayfada öylece duran kullanıcıları istediği yere yönlendirebilirler.

Ben 30 saniye olarak belirledim, öylece duran kullanıcılar için sayfa yenileniyor.

<script>
var timeoutInMiliseconds = 30000;
var timeoutId; 
  
function startTimer() { 
    timeoutId = window.setTimeout(doInactive, timeoutInMiliseconds)
}
  
function doInactive() {
	window.location.reload(true)
}

function resetTimer() { 
    window.clearTimeout(timeoutId)
    startTimer();
}

function setupTimers () {
    document.addEventListener("mousemove", resetTimer, false);
    document.addEventListener("mousedown", resetTimer, false);
    document.addEventListener("keypress", resetTimer, false);
    document.addEventListener("touchmove", resetTimer, false);
     
    startTimer();
}
 
document.addEventListener("DOMContentLoaded", function() {
	setupTimers();
});
</script>