停止并继续javascript函数[重复]答案

【问题标题】：Stop and Continue javascript function [duplicate]停止并继续javascript函数[重复]
【发布时间】：2018-10-10 06:12:58
【问题描述】：

我正在使用一个名为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);
    }
}

【问题讨论】：

您在updateCount 中隐藏了外部myVar 变量。首先，您应该分配给外部变量而不是（提升的）内部变量。
@Md.AbuTaher 我会检查的。感谢您的建议。

标签： javascript jquery

【解决方案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'});
    }
}

【讨论】：

谢谢它的工作:)