Question

我希望此div在页面加载（或其周围）上立即加载，然后每10秒自动刷新一次。这就是我所拥有的，每10秒刷新一次，但不会立即加载。

我可以将初始刷新设置为100毫秒，然后每隔10秒刷新一次吗？

<script type="text/javascript">
  var auto_refresh = setInterval(
    function ()
    {
      $('#now-playing').load('now-playing-info.php').fadeIn("fast");
    }
  , 10000); // refresh every 10000 milliseconds
</script>

Answer 1

您需要先运行一次。

<script type="text/javascript">

$(function() {
    function nowPLaying()
    {
        $('#now-playing').load('now-playing-info.php').fadeIn("fast");
    }
    nowPLaying();
    var auto_refresh = setInterval(nowPLaying, 10000); // refresh every 10000 milliseconds  
}); 

</script>

Answer 2

你可以加载它，然后设置间隔：

$('#now-playing').load('now-playing-info.php').fadeIn("fast");
var auto_refresh = setInterval(function (){
    $('#now-playing').load('now-playing-info.php').fadeIn("fast");
}, 10000);

您可以放弃整个setInterval()代替setTimeout()。例如：

var loadNowPlayingInfo = function(){
    $('#now-playing').load('now-playing-info.php').fadeIn("fast");
    setTimeout(loadNowPlayingInfo, 10000);
}
loadNowPlayingInfo(); // Calls the function, then starts your interval

我认为第二个是更好的选择。另请注意，除setTimeout()的{{1}}处理程序中的success外，您可能需要等待上一个加载。

jQuery设置了fadein的初始速度

2 个答案: