Question

我有一個<div id="refresh">，它有一些MySQL內容。我有這方面這段JavaScript代碼：

<script type="text/javascript"> 
    var auto_refreshs_contents = setInterval(
     function(){ 
      $('#refresh').load('index.php?_=' +Math.random()+' #refresh').fadeIn("slow"); // load div.refresh 
     } 
    , 3000); // refresh every 3 seconds 
</script> 

它實際上職位代碼的副本，第一次那麼它會是這樣的：

0 seconds 
+-------------------------------------+ 
|Randome Text       | 
|This is such a cool chat room  | 
|Not really       | 
+-------------------------------------+ 
    3 seconds 
+-------------------------------------+ 
|Randome Text       | 
|This is such a cool chat room  | 
|Not really       | 
|This is such a cool chat room  | 
|Not really       | 
+-------------------------------------+ 

如果您發現，它離開了崗位「隨機文本」。我不知道爲什麼。 但是，它基本上是第一次。然後在6秒後刷新，但沒有更多的內容，之後，它刷新正確。所以我決定在刷新之前清除頁面中的內容：

<script type="text/javascript"> 
    var auto_clearContents = setInterval(
     function(){ 
      $("#refresh").html(""); //clear contents of div#refresh 
     } 
    , 3000); //clear existing contents every 3 seconds 

    var auto_refreshs_contents = setInterval(
     function(){ 
      $('#refresh').load('index.php?_=' +Math.random()+' #refresh').fadeIn("slow"); // load div.refresh 
     } 
    , 3000); // refresh every 3 seconds 
</script> 

但是，當事情變得怪異時，我正在查看Chrome開發者工具中的networks標籤，它顯示它每200毫秒左右刷新一次（是200），有時需要2.5秒。我不知道...

我的代碼有什麼問題嗎？有沒有更好的方法來做到這一點？謝謝！

Answer 1

我認爲後端肯定有問題。 Here is a fiddle顯示基本上只是你在說什麼，它工作正常。

當您看到200毫秒時，我認爲這可能是生成index.php頁面所需的時間，而不是間隔之間的時間。

如果您向我們顯示來自php頁面或php頁面的響應，我們可能會提供幫助。