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

Question

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

$(document).ready(function() { 
 
//timer 
 
    var mins = 60; 
 
    var sec = 00; 
 
\t 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; 
 
     } 
 
\t \t if (mins==0 && sec ==00) { 
 
\t \t \t logout(); 
 
\t \t } 
 
     },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 изображения. как я могу это сделать?

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