Question

I want this div to load instantly on page load (or thereabouts) and then automatically refresh every 10 seconds.
This is what I have, which refreshes every 10 seconds but doesn’t load instantly.

Can I set the initial refresh to say 100ms and then after that refresh every 10 seconds?

<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

You need to run it once first.

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