如何在x間隔自動刷新div部分？

我想在第二秒自動刷新div部分。我希望每x秒div div應該顯示不同的內容，並且在顯示最後的內容之後，它應該顯示從開始的內容如何在x間隔自動刷新div部分？

我該怎麼做到這一點？

<script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    var auto_refresh = setInterval(
     function() { 
      $('#push').load('F3.jsp').fadeIn("slow"); 
     }, 10000); // refresh every 10000 milliseconds 
</script> 
<div class="push"> 
    <table width="100%" border="1" align="center" 
      cellpadding="0" cellspacing="1" bordercolor='66A8FF'> 
     <% 
      int i=5; 
      int j=6; 
      int k=7; 
     %> 
     <tr bgcolor="0F57FF" style="border-collapse:collapse"> 
      <td width="50%" height="50px" align="center" style="font-size:24px"> 
       <font color="#fff"><%= i%></font> 
      </td> 
     </tr> 
    </table> 
</div>

我想說明的i,j,k值週期性爲表中的每x秒。

來源

2014-04-30 user3585120

http://stackoverflow.com/questions/1224463/is-there-any-way-to-call-a-function-periodically-in-javascript 這個鏈接可以幫助你。 – Valath

你需要爲你的'tr'和'table'使用結束標籤。 – Cerbrus

您不需要jsp也不需要重新加載，只需更改單元格中的數字即可。你真的想這麼做嗎？還是在'F3.jsp'中有其他事情？ –

此代碼可能會對您有所幫助。

$('.push').html(''); 
var x= 1000; 
var countRefresh = 0; 
var contentCount; 
counter=setInterval(refreshFun, x); 


function refreshFun() 
{ 
    if(countRefresh == contentCount){ 
     clearInterval(counter); 
     counter=setInterval(refreshFun, x); 
    }else{ 
     var i=5; 
     var j=6; 
     var k=7; 
     var table = "{Your table html}"; 

     $('.push').html(table); 
     countRefresh++; 
    } 

}

謝謝。

來源

2014-04-30 07:16:43

如何在x間隔自動刷新div部分？

回答

相關問題