将 jQuery ajax 调用包装在变量中，以便我可以在需要时设置Timeout 和clearTimeout？

Question

有没有办法可以将 jQuery ajax 调用放入变量中，以便我可以为特定事件创建 setTimeout 并为特定事件创建clearTimeout？例如，如果这有意义的话，如下所示：

var testEvent = function(){ $(this).load("info.php"); };

在特定事件

setTimeout("testEvent()",3000);

在另一个特定事件

clearTimeout("testEvent()");

Answer 1

几个漂亮的插件功能来实现这个目的怎么样？

$.fn.loadLater = function (url, time) {
    var me = this;
    this.data('load-later-timer', setTimeout(function () {
        me.load(url);
    }, time));
};

$.fn.dontLoadLater = function () {
    var timer = this.data('load-later-timer');
    if (timer != null) clearTimeout(timer);
};

像这样使用：

// Start timer
$(this).loadLater('info.php', 3000);

// Stop timer
$(this).dontLoadLater();

Answer 2

这绝对是有道理的，只需这样做：

var id = setTimeout(function() {testEvent()}, 3000);

clearTimeout(id);

确保两个事件处理程序都可以访问 id 。

编辑：我注意到您在 testEvent 中引用了 this。假设 this 是您使用 jQuery 定位的某个节点，代码可能如下所示：

var id = setTimeout(function() {
   $('.your-selector').each(testEvent);
}, 3000);