停止按鍵上的jquery代碼

Question

所以我有這個代碼加載在一個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文件。任何幫助將非常感激。

Answer 1

使用此代碼。很簡單，如果您的輸入文本框值爲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);