javascript – 每15秒读取一次文本文件的内容

我正在一个音乐网站上工作：
我在服务器上有一个文本文件,其中包含当前播放歌曲的名称.
我想每隔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>

解决方法

您可以在函数中重复执行要执行的代码,并在 setTimeout中传递该函数.setTimeout的第二个参数将以毫秒为单位.

在这里使用setTimeout IMO在这里更合适,因为它将排除发送请求和接收响应所花费的时间.它将在收到响应后每5秒发送一次请求.

<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>

原文地址：https://www.jb51.cc/js/157437.html