重置我的定时器倒计时

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，添加一个ID，图片：

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