正在中止JavaScript setTimeout函数

Aborting a JavaScript setTimeout function

本文关键字：setTimeout 函数 JavaScript      更新时间：2023-09-26

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

我有一个AJAX"加载"文本，如果服务器的响应时间超过15秒，我想更新它。

这是代码：

$(".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计数器。有可能吗？

当然。setTimeout返回一个值，您可以将该值传递给clearTimeout以停止超时。

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

您可以使用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/

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

相关文章：