私のタイマーのカウントダウンをリセットする

Question

私は0:00に行くときにユーザーをログアウトするカウントダウンタイマーを持っています。実際にはlogout（）関数を呼び出しています。

$(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>

私は戻って、画像のonclickで60分にカウンターをリセットしたい：これは私のjavascriptのコードです。 どうすればいいですか？

Answer 1

あなたは画像にIDを追加し、jQueryのようなものを使用することができます

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

それは素晴らしい働いて

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