按键时停止jquery代码


Stop the jquery code on keypress

所以我有这样的代码,它在div中加载php文件,并每5秒自动重新加载一次。这是代码

$("#load_timeout").load("time_out.php");
var refreshId = setInterval(function() {
    $("#load_timeout").load('time_out.php');
}, 5000);

这是我的文本框<input type="search" class="light-table-filter" data-table="order-table" placeholder="Filter">现在我想做的是,当我从文本框中键入任何字符时,停止运行此代码,如果我清除了文本框,它将继续再次执行/重新加载php文件。任何帮助都将不胜感激。

使用此代码。很简单,如果输入文本框值的长度为0,那么执行load()函数。如果它大于0,则不要执行load()函数。

检查DEMO。打开浏览器控制台并进行检查。

$("#load_timeout").load("time_out.php");
var refreshId = setInterval(function() {
    if($('.light-table-filter').val().length == 0){    
        $("#load_timeout").load('time_out.php');
    }
}, 5000);