自動刷新一個DIV每5秒代碼不工作

Question

朋友

我有以下代碼刷新以下DIV ID refreshDiv自動刷新，每5秒，但它不工作

<div id ="refreshDiv" class="span2" style="text-align:left;"> 
    <c:set var="map" value="${alertStatusForm.channelStateForRecipients[currentChannel]}"></c:set> 
<div> 
<label><img src="${channelIcon}">&nbsp; 
    ${fn:length(map['DELIVERED'])}</label> 
</div> 
<div> 
<label><img src="${channelIcon}">&nbsp; 
    ${fn:length(map['FAILED'])}</label> 
</div> 
<div> 
<label><img src="${channelIcon}">&nbsp; 
${fn:length(map['IN_PROGRESS'])}</label> 
</div> 
</div> 

function refreshDiv(){ 
    $.ajax({ 
     url: 'editReg.jsp' 
    }).done(function(result) { 
     $('#refreshDIV').text(result); 
    }); 
} 

Answer 1

你是不要撥打refreshDiv()。你剛剛定義它。當加載dom時調用此函數，並在每5秒後使用setTimeout繼續調用。

$(function(){ 
    function refreshDiv(){ 
     $.ajax({ 
      url: 'editReg.jsp' 
     }).done(function(result) { 
      $('#refreshDIV').text(result); 
      window.setTimeout(refreshDiv, 5000); 
     }); 

    } 
    window.setTimeout(refreshDiv, 5000); 
});