setIntervalが正しく動作しない

Question

私は今夜インターネット上で検索していますが、「解決策」がたくさんありましたが、残念ながら私のために働いていません。

logbook = setInterval(function() { 
    $.getJSON("php/log.php", function(data) { 
     $.each(data.posts, function(i,data) { 
      $('#logspan').replaceWith(data.logupdate); 
     }); 
    }); 
}, 5000); 

：だから私は、私のページは以下のjavascriptビットを持って

...私はスタック上に、ここで見て、他の場所で、私は仕事であろうものを見つけることを望んでいますかの異なる答えを取得しようとします私はページを実行しますが、それは動作しますが、1回だけです。その後、間隔が完全に停止します（これはChromeとFirefoxにあります）。

次のように実行されていて、完全にその仕事をしているさらに別のスクリプトがあるので、これは、奇妙です：

var timer; 
function startCount() { 
    timer = setInterval(count,1000); 
} 
function count() { 
    var el   = document.getElementById('counter'); 
    var currentNumber = parseFloat(el.innerHTML); 
    el.innerHTML  = currentNumber+1; 
} 

私は二番目を切った場合、私はすでに最初のスクリプトが動作するかどうかを確認してみましたしかし、それはまだ行かない。では、最初の（JSON）スクリプトをどのように動作させることができますか？この問題のおかげで私の就寝時間を過ぎてしまいました。私は一歩進んだことはありません!! が

任意の提案/ヒント/先端が高く評価されて、髪を引っ張る...

EDIT：私は「replaceWith」を交換し、「appendTo」を使用するときに[OK]を、私は、独特の何かを見つけ、＃を更新しているようですlogspanは問題ありませんが、明らかに私自身のウェブページをスパムしたくありません。おそらく問題はどこかにあるのでしょうか？

Answer 1

は、合意されました。

1. あなたが反復しているので、あなたがうっかり$ .getJSON（）関数本体

2. でデータを参照することができるよう、あなたの$ .each（）関数本体内のデータとは異なる変数名を使用しますJSON呼び出しで返された投稿については、#logspanの本文を1回だけ空にしてから、各記事の内容を#logspanに順番に追加します。

   var logbookTimer = setInterval(function() { 
       $.getJSON("php/log.php", function(data) { 
        // Empty out the body of the log 
        $('#logspan').empty(); 
        // Add some content for each retrieved post 
        $.each(data.posts, function(i,d) { 
         $('<div>').html(d.logupdate).appendTo($('#logspan')); 
        }); 
       }); 
   },5000); 
   

Answer 2

この方法を試してみてください

var logbook = function() { 
    $.getJSON("php/log.php", function(data) { 
     $.each(data.posts, function(i,data) { 
      $('#logspan').replaceWith(data.logupdate); 
     }); 
    }); 
}; 

setInterval(logbook, 1000);