Question

我有一个倒计时器，当用户进入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分钟。我怎么能这样做？

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

重置我的计时器倒计时

1 个答案: