重置我的定時器倒計時

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