Question

我正在使用一个名为refreshinbox的函数，它将每3秒运行一次。但是当用户在搜索输入字段上键入内容时，此功能应该停止。当他清除（空输入）时，此功能再次每3秒工作一次。

我正在使用keyup,keydown函数来获取文本输入的长度。我不能使用live事件因为我正在使用jQuery 1.10.2版本。使用if else条件我正在努力达到要求。但问题是每次else条件都有效。我不知道我的代码有什么问题。请帮忙。

var myVar = setInterval(function(){ refreshinbox() }, 3000);
function refreshinbox(){
    $(".refreshfirebasecount").load(location.href + " .refreshvalue");
    $(".refreshfirebasecount2").load(location.href + " .refreshvalue2");
};

$('#searchinbox').keyup(updateCount);
$('#searchinbox').keydown(updateCount);
function updateCount() {
    var cs = $(this).val().length;
    if(cs > 0) {
        $('.searchiconinbox-close').css({'display':'block'});
        clearInterval(myVar);
    } else {
        $('.searchiconinbox-close').css({'display':'none'});
        var myVar = setInterval(function(){ refreshinbox() }, 1000);
    }
}

Answer 1

在您的函数updateCount中，您使用myVar来存储间隔。你应该将它暴露在该函数之外。我的意思是：

var myVar;
function updateCount() {
    var cs = $(this).val().length;

    clearInterval(myVar);
    if(cs > 0) {
        $('.searchiconinbox-close').css({'display':'block'});
    } else {
        myVar = setInterval(refreshinbox, 1000);
        $('.searchiconinbox-close').css({'display':'none'});
    }
}

停止并继续javascript功能

1 个答案: