Сбросить таймер обратного отсчета

у меня есть таймер обратного отсчета, который выходит из пользователя, когда он идет в 0:00. фактически это вызов функции logout (). это мой код javascript:

$(document).ready(function() {
//timer
    var mins = 60;
    var sec = 00;
	var timer = document.getElementById("timer");
    setInterval(function(){
    var a = new Date();
        timer.innerHTML = mins +":"+((''+sec).length>1?'':'0')+sec ;
        sec--;
        if (sec == -1) {
            mins--;
            sec = 59;
        }
		if (mins==0 && sec ==00) {
			logout();
		}
        },1000);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="0" cellspacing="0" cellpadding="0">
<tr><td><img src="http://www.tridimas.gr/img/tmrel.png" style="margin:0 10px -3px 0; cursor:pointer;" onClick="reset counter"/></td>
<td style="font:12px Verdana;" id="timer"></td></tr></table>

я хочу сбросить счетчик обратно на 60 минут с onclick the image.
как я могу это сделать?

Skywalker13, в 10:40 (источник)

1 ответ

  1. Вы можете использовать что-то вроде jquery, добавить идентификатор к изображению:

    <img id="resetImg" src="http://www.tridimas.gr/img/tmrel.png" style="margin:0 10px -3px 0; cursor:pointer;"/>

    затем измените блок javascript на

    $(document).ready(function() {
//timer
    var mins = 60;
    var sec = 00;
    var timer = document.getElementById("timer");
    setInterval(function(){
    var a = new Date();
        timer.innerHTML = mins +":"+((''+sec).length>1?'':'0')+sec ;
        sec--;
        if (sec == -1) {
            mins--;
            sec = 59;
        }
        if (mins==0 && sec ==00) {
            logout();
        }
        },1000);

    var img = $("#resetImg");
    img.on("click", function(){
        mins = 60;
        sec = 0;
    });
});