Question

我正在研究问答游戏，我需要为每个问题设置倒计时。如果时间不多，请拨打下一个按钮点击。

这是我的代码，演示：

如何在触发点击时重置计时器？

这是一个HTML部分：

<div id="my-timer">
    Page Will Redirect with in <b id="show-time">10</b> seconds        
</div>
<input type="button" name="next" value="Next question" class="wpProQuiz_button wpProQuiz_QuestionButton next-button" style="float: right;">

这是JS：

$(document).ready(function() {
var settimmer = 0;
$(function() {
    window.setInterval(function() {
        var timeCounter = $("b[id=show-time]").html();
        var updateTime = eval(timeCounter) - eval(1);
        $("b[id=show-time]").html(updateTime);
        if (updateTime == 0) {
            $("input[value='Next question']").trigger(
                'click');
        }
    }, 1000);
});
$("input[value='Next question']").click(function() {
    alert('timeout reset')
});

}）;

Answer 1

如果您点击下一个问题，我假设您要重置超时。

$("input[value='Next question']").click(function() {
    $("b[id=show-time]").html("10");
    alert('timeout reset')
});

如果单击下一个问题，将重置计时器。或者如果计时器为0，那么它也将被重置。这里的键是$("b[id=show-time]").html("10");将计时器重置为10秒。

使用trigget单击重置javascript超时

1 个答案: