HTML自动刷新加载RSS源的DIV（文本）

Question

我想这样做，以便代码自动刷新显示来自last.fm的RSS Feed的DIV，以显示我在spotify上播放的当前音乐。

此：

<script>
<div id="rss" style="height:25px;">
<iframe src="http://us1.rssfeedwidget.com/getrss.php?time=1400505489628&amp;x=http%3A%2F%2Fws.audioscrobbler.com%2F1.0%2Fuser%2Flukeassassin%2Frecenttracks.rss&amp;bc=333333&amp;bw=1&amp;bgc=transparent&amp;m=1&amp;it=false&amp;t=(default)&amp;tc=333333&amp;ts=15&amp;tb=transparent&amp;il=true&amp;lc=FF0000&amp;ls=28&amp;lb=false&amp;id=false&amp;dc=333333&amp;ds=14&amp;idt=false&amp;dtc=284F2D&amp;dts=12" border="0" hspace="0" vspace="0" frameborder="no" marginwidth="0" marginheight="0" align="center" style="border:0; padding:0; margin:0; width:600px; height:500px; text-align:center;" id="rssOutput"></iframe>
</div>
</div>
</script>

这是它在页面上显示的内容：

Answer 1

我会使用javascript来填充你想要的信息。 然后使用间隔，您可以每隔X秒重新加载内容

示例：http://jsfiddle.net/T7cZU/3/

使用Javascript：

$( document ).ready(function() {
    ReloadData()
    setInterval(function(){ReloadData()}, 1500);
});

function ReloadData(){
     $( "#result" ).load( "http://numbersapi.com/random/trivia", function() {});   
}

HTML：

<div id="result">
    Original content
</div>

或者您只需重新加载iframe：

setInterval(function(){
    document.getElementById('frame_id').contentWindow.location.reload();
}, 1500);

更新了两种更新方法：http://jsfiddle.net/T7cZU/5/