javascript - 停止超时函数

Question

在这段代码中:

$("a").live("click", function(e) {
    e.preventDefault();
    setTimeout(function () {
        $.get(
            "someOtherUrl",
            {someVariable: "someValue"},
            function(result) {
                $(".result").html(render(result));
            }
        );
    }, 1000);
    $('a').live("touchmove", function(e) {clearTimeout()});
});

当用户在屏幕上移动他的手指时，我想停止超时。问题是 clearTimeout() 不起作用，因为它没有链接到超时。我将如何命名超时并快速清除它？我使用的方法是否正确？

Answer 1

将“setTimeout()”的返回值保存在一个变量中，然后将该值传递给“clearTimeout()”以清除它。

$("a").live("click", function(e) {
    e.preventDefault();
    var t = setTimeout(function () {

               $.get(
                     "someOtherUrl",
                     {someVariable: "someValue"},
                     function(result) {
                     $(".result").html(render(result));
                     }
                     );

    }, 1000);
    $('a').live("touchmove", function(e) {clearTimeout(t);});
});

现在我会写得完全不同；事实上，您在每次点击时都添加了一个冗余的“touchmove”处理程序。也许是这样的:

function setupAnchorClicks() {
  var timer = null;
  $("a").live("click", function(e) {
    e.preventDefault();

    timer = setTimeout(function() {
       // ...
    }, 1000);

  }).live("touchmove", function() {
    clearTimeout(timer);
  });
}

setupAnchorClicks();