javascript - 中止 JavaScript setTimeout 函数

Question

标题可能具有误导性，但这本质上是我需要完成的。

如果服务器响应时间超过 15 秒，我想要更新 AJAX“加载”文本。

这是代码：

$(".loader").html('Loading');
$(".loader").show();
setTimeout(function () {
    if ($('.loader').is(":visible")) {
        $(".loader").html('Click <a href="javascript:location.reload()">here</a> to reload.</span>');
    }
}, 15000);

有更好的方法吗？当我最终打电话时$(".loader").hide();，我希望setTimeout计数器被中止。可能吗？

Answer 1

当然。setTimeout返回一个可以传递的值clearTimeout以停止超时。

var handle = setTimeout(function () {
    alert("Oh noes, I ran!")
}, 5000)

clearTimeout(handle)

Answer 2

您可以使用clearTimeout函数：

$(".loader").html('Loading');
$(".loader").show();
var timerId= setTimeout(function () {
    if ($('.loader').is(":visible")) {
        $(".loader").html('Click <a href="javascript:location.reload()">here</a> to reload.</span>');
    }
}, 15000);

$(".stop").click(function () {
    clearTimeout(timerId);
    $(".loader").html("done");
});

看到这个小提琴：http: //jsfiddle.net/KaNUP/

Answer 3

我建议缩短时间（1 秒）并在您调用的函数内增加计数器。然后您可以在成功加载或计数器阈值时退出，以较早者为准。