javascript - 如何取消setTimeout？

Question

这个问题已经有答案了:

Cancel/kill window.setTimeout() before it happens (3 个回答)

已关闭 7 年前。

我编写了这个简单的 Javascript 来自动和手动隐藏 Bootstrap 警报。

$(function () {
    $.ajaxSetup({ cache: false });
    $("[data-hide]").on("click", function () {
        $(this).closest("." + $(this).attr("data-hide")).hide();
    });
    window.setTimeout(function () {
        $(".alert").fadeTo(700).slideUp(700, function () {
            $(this).hide();
        });
    }, 5000);
});

我想取消setTimeout单击取消按钮时。我怎样才能做到这一点？

Answer 1

setTimeout 为您的计时器返回一个数字 timeoutId。您可以将其传递给 clearTimeout 方法。

$(function () {    

    var t = window.setTimeout(function () {
        $(".alert").fadeTo(700).slideUp(700, function () {
            $(this).hide();
        });
    }, 5000);

    $("#yourHideButtonId").on("click", function () {           
      if(t!=null)
      {
          clearTimeout(t);
      }
    });

});