Resetting countdown Timer.

[lilmer]

Hello good day,

 

I've got here a code for countdown:

 

 

var times = 50;

function startCountdown() {
				
	if((times - 1) >= 0){
	      times = times - 1;
	      $("#refreshTime").html('Auto logout: ' + times);					 
		setTimeout(startCountdown, 1000);
	}else{
	      //alert('Your session has ended!');
	}
}

 

 

But my problem is, I got no idea on function that will  reset the time when some click or hover the html body page.

 

Thanks and regards!

[haku]

Since you are using jQuery:

 

var times = 50, timer;

function startCountdown() {
                
    if((times - 1) >= 0){
     times = times - 1;
     $("#refreshTime").html('Auto logout: ' + times);                    
        timer = setTimeout(startCountdown, 1000);
    }else{
     //alert('Your session has ended!');
    }
}
 
function resetTimer()
{
  clearTimeout(timer);
}
 
$(document).scroll(function()
{
    resetTimer();
});

$(document).keydown(function()
{
    resetTimer();
});

$(document).mousemove(function()
{
    resetTimer();
});

 

[lilmer]

Thanks but it only stop the time but not resetting it.

[haku]

So reset it after the line where it's being stopped. I helped you with the hard part, that's the easy part.

[lilmer]

Thanks Mr. Guru!