clearTimeout不起作用

Question

我试图创建类似'onFinishTyping'的东西设置3s的超时,如果用户在3秒内写东西我需要销毁该计时器并设置新的..问题是每个按钮点击事件被触发后.

这是我有的:

 //setup before functions
var typingTimer;                //timer identifier
var doneTypingInterval = 3000;  //time in ms
// Notice: jq = jQuery.noConflict();

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 is "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(){