刷新脚本而不刷新html页面

时间:2016-02-24 18:12:25

标签: javascript

有没有让它刷新当前歌曲而不刷新页面?我不知道该怎么做。关于JS,我不是这样。



var response = $.getJSON('//srvstm.com/api-json/VkZkd1JrMUZPVVZYVkRBOStS', addHTML);

function addHTML(data) {

  // Getting the HTML elements to write in
  var cs = document.getElementById('current-song');
  var g = document.getElementById('genre');

  // Setting data attributes to HTML
  cs.innerHTML = data.musica_atual;
  g.innerHTML = data.genero;

}

<div>
  <span id="genre"></span>
  <h1 id="current-song"></h1>
</div>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

最后制作了一个脚本,用于刷新div的特定内容。

$(document).ready( function(){
$('#song').load('http://boomerangfm.xyz/musica.php');
refresh();
});
 
function refresh()
{
	setTimeout( function() {
	  $('#song').fadeOut('slow').load('http://boomerangfm.xyz/musica.php').fadeIn('slow');
	  refresh();
	}, 30000);
}
<div id="song">rádio boomerang fm</div>