При создании страницы запускается таймер, я хочу чтобы при движении мыши по странице таймер запускался по новой. Но сейчас работает не корректно. Например отсчет идет с 5:00 и доходит до 4:30 в этот момент я дергаю мышью и таймер обновился до 5:00 а потом резко продолжает с 4:30, а надо чтобы продолжался 4:59, 58, 57 и.т.д. Как правильно перезапустить функцию?
$( document ).ready(function(){
timer();
});
$('body').on('mousemove mousedown',function(){
timer();
});
function timer() {
var duration = 60 * 5;
var timer = duration, minutes, seconds;
setInterval(function() { // запускаем интервал
minutes = parseInt(timer / 60, 10);
seconds = parseInt(timer % 60, 10);
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
if (--timer < 0) {
//обновить таймер timer = duration;
location.reload();
}
$('#timer').text(minutes + ":" + seconds);
}, 1000);
};