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

Posted 2023-03-08

【中文标题】停止并继续javascript函数[重复]

【英文标题】：Stop and Continue javascript function [duplicate]

【发布时间】：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 我会检查的。感谢您的建议。

【参考方案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');
    

【讨论】：

谢谢它的工作:)