javascript - clearTimeout 似乎没有清除全局定义的计时器 ID

Question

我正在尝试创建类似 onFinishTyping 的东西设置 3 秒超时的事件。如果用户在这 3 秒内写了一些东西，我需要销毁该计时器并设置一个新的计时器。问题是，每次单击按钮后，都会触发该事件。

这是我所拥有的:

//setup before functions
const jq = jQuery.noConflict();
var typingTimer; // Timer identifier.
var doneTypingInterval = 3000; // Time in ms.

jq(document).ready(function() {
  // On keyup, start the countdown.
  jq('.table-search-field').keyup(function(event) {
    var typingTimer = setTimeout(function() {
      doneTyping(event.target);
    }, doneTypingInterval);
  });

  // On keydown, clear the countdown.
  jq('.table-search-field').keydown(function() {
    clearTimeout(typingTimer);
  });
});

// User has “finished typing”, do something.
function doneTyping(field) {
  var value = jq(field).val().toLowerCase(); // lower case

  jq.ajax('index.php?option=com_mycomponent&task=player.search&keyword=' + value)
    .done(function(data) {
      console.log('ok');
    }).fail(function() {
      console.log('fail');
    });
};

Answer 1

不要再声明这个变量，只需删除var；您正在使用 var 关键字创建此变量的本地副本。该语句在该特定函数中本地创建变量。

 typingTimer = setTimeout(function(){