如果按下按钮，如何终止 JavaScript 重定向？

Question

我提出了以下代码，它允许用户在将其重定向离开页面之前查看嵌入电影的页面 30 秒。此外，他们还可以单击链接来隐藏带有倒计时的 div。我需要帮助的是，如果单击该链接，则取消重定向（阻止其发生），以便用户可以继续观看完整的电影。预先感谢您的帮助！

Javascript：

<script type="text/javascript">
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){
                    window.location = ("redirect.php");
                }
            }, 1000);

    });
</script>

<script type="text/javascript">

    $(document).ready(function(){

    $(".slidingDiv").show();
    $(".show_hide").show();

$('.show_hide').click(function(){
$(".slidingDiv").slideToggle();
});

});
</script>

HTML：

<div id="my-timer" class="slidingDiv">
    You have <b id="show-time">30</b> seconds to decide on this movie.
<a href="#" class="show_hide">Yes, I want to watch this one!</a>
</div>

Answer 1

setInterval 返回一个值，您可以使用该值通过 clearInterval 取消间隔计时器。所以：

$(function(){
        //  +--- Remember the value from `setInterval
        //  |
        //  v
        var timerHandle = 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){
                window.location = ("redirect.php");
            }
        }, 1000);

        // + Hook up a handler for the link that uses the handle to clear it
        // |
        // v
        $("selector_for_the_link").click(function() {
            clearInterval(timerHandle);
            timerHandle = 0;
        });
});

请注意，我已将变量放入您的 ready 函数中，因此它不是全局变量。

---

离题：您不需要或不想在上面使用 eval （事实上，您实际上永远不想在以下位置使用 eval一切，对于任何事情）。如果您想解析字符串以生成数字，请使用 parseInt （并且没有任何理由评估像 1 这样的文字）。所以这一行：

var updateTime = eval(timeCounter)- eval(1);

变成

var updateTime = parseInt(timeCounter, 10) - 1;

（10 表示字符串是十进制的——例如，以 10 为基数。）

Answer 2

您需要使用 clearInterval 方法。

Answer 3

也许您可以使用 setTimeout()这样做而不是 setInterval()。这是一个 示例。