15秒ごとにテキストファイルの内容を読む

Question

私は音楽サイトで働いています： 私は現在再生中の曲の名前を含むテキストファイルをサーバー上に持っています。 私は15秒ごとにテキストファイルを読んで、自分のサイトに表示されているテキストを更新したいのですが、 は更新しません。

小さなjQueryとjavascriptを使用して、実際にファイルが読み込まれて初めて表示されるようになりましたが、リフレッシュされません。私はあらゆる種類のsetInterval関数を試してきましたが、私の人生ではこの部分を動作させることはできません。 ご協力いただければ幸いです。ここで

は私が持っているものです。

<script type="text/javascript"> 
$(document).ready(function() { 
    jQuery.get('http://www.XXXXX.com/nowplaying/NowPlaying.txt', function(data) { 
     var myvar = data; 
     var parts = myvar.split(/\n/); 
     var songtitle = parts[0]; 
     var songartist = parts[1]; 
     var songalbum = parts[2]; 
     var songtime = parts[3]; 
     $('#songtitleholder').html(songtitle); 
     $('#songartistholder').html(songartist); 
     $('#songalbumholder').html(songalbum); 
    }); 
});​ 
</script> 

Answer 1

はあなたがrepeatedlyを実行するコードを置くことができますその関数をsetTimeoutに渡します。 setTimeoutの2番目のパラメータは、millisecondの間隔をとります。

ここではsetTimeoutを使用します。ここではIMOはappropriateです。送信要求と受信応答にかかる時間は除外されます。これを試していないのはなぜそれsend request every 5 second after receiving response.

<script type="text/javascript"> 

$(document).ready(function() { 

    function functionToLoadFile(){ 
     jQuery.get('http://www.XXXXX.com/nowplaying/NowPlaying.txt', function(data) { 
     var myvar = data; 
     var parts = myvar.split(/\n/); 
     var songtitle = parts[0]; 
     var songartist = parts[1]; 
     var songalbum = parts[2]; 
     var songtime = parts[3]; 

     $('#songtitleholder').html(songtitle); 
     $('#songartistholder').html(songartist); 
     $('#songalbumholder').html(songalbum); 
     setTimeout(functionToLoadFile, 5000); 
    }); 
    } 

    setTimeout(functionToLoadFile, 10); 
}); 

</script> 

Answer 2

あなたはこのようなのsetIntervalコールであなたの例を包むことができる必要があります：

$(document).ready(function() { 
    setInterval(function(){ 
    jQuery.get('http://www.XXXXX.com/nowplaying/NowPlaying.txt', function(data) { 
     var myvar = data; 
     var parts = myvar.split(/\n/); 
     var songtitle = parts[0]; 
     var songartist = parts[1]; 
     var songalbum = parts[2]; 
     var songtime = parts[3]; 
     $('#songtitleholder').html(songtitle); 
     $('#songartistholder').html(songartist); 
     $('#songalbumholder').html(songalbum); 
    }); 
    }, 15000); 
});​ 

Answer 3

は（あなたは結果がをキャッシュしないように、URLにタイムスタンプを追加したい場合があります）

$(document).ready(function() { 
    function refresh(){ 
     jQuery.get('http://www.XXXXX.com/nowplaying/NowPlaying.txt', { "t": $.now() }, function(data) { 
      var myvar = data, 
       parts = myvar.split(/\n/), 
       songtitle = parts[0], 
       songartist = parts[1], 
       songalbum = parts[2], 
       songtime = parts[3]; 

      $('#songtitleholder').html(songtitle); 
      $('#songartistholder').html(songartist); 
      $('#songalbumholder').html(songalbum); 
     }); 
    } 
    setInterval(refresh, 15000); 
});​ 

Answer 4

を関数を作成し、setIntervalでそれを呼び出します？皆の答えに従ってsetIntervalを使用することに加えて

window.setInterval(function(){ 

    /// call your function here 

    }, 15000); 

Answer 5

、ファイルを要求することで、キャッシュされていないことを確認してください：

jQuery.get("http://......./NowPlaying.txt?t="+new Date().getTime(), function....); 

Answer 6

ソリューションをsetTimeoutを使用。 setIntervalは、ブラウザのタブを切り替えるときにウィンドウがフォーカスを失ったときにキューに入れられる傾向があります。

$(document).ready(function() { 
    getData(); 
});​ 

function getData() { 
    setTimeout(function() { 
     jQuery.get('http://www.XXXXX.com/nowplaying/NowPlaying.txt', function(data) { 
      var myvar = data; 
      var parts = myvar.split(/\n/); 
      var songtitle = parts[0]; 
      var songartist = parts[1]; 
      var songalbum = parts[2]; 
      var songtime = parts[3]; 
      $('#songtitleholder').html(songtitle); 
      $('#songartistholder').html(songartist); 
      $('#songalbumholder').html(songalbum); 

      /* repeat getData*/ 
      getData(); 
     }); 
    }, 15000) 

}