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

у меня есть таймер обратного отсчета, который выходит из пользователя, когда он идет в 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.
как я могу это сделать?

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;
        });
    });