Loop through array of div ids, and refresh those divs every x seconds

Mar 13, 2012   //   by phpfreelancer.biz   //   Blog, Jquery Tutorial  //  No Comments

I have 4 divs:

<div id='blue'></div>
<div id='refresh12'></div>
<div id='red'></div>
<div id='refresh23'></div>

i am putting every div on my page that begins with ‘refresh’ into an array like this:

var divs = $('div[id^="refresh"]');

Now, what I want to do, is refresh the divs in the array every 5 seconds. I know I need to use SetInterval, but I’m not sure how to start the loop. Also, the divs aren’t pulling content from another page, it’s from the same page, just dynamic data that needs to be refresh every 5 seconds.

You can use setTimeout() calls like this to achieve what you want:

var divs = $('div[id^="refresh"]');

setTimeout(function refreshThem () {

    //code to refresh your divs
    divs.xy();

    setTimeout(refreshThem, 5000);

}, 5000);

or if you want the first refresh to run at once:

(function refreshThem () {

    //code to refresh your divs
    divs.xy();

    setTimeout(refreshThem, 5000);

})();

Basically when the refresh is finished, a new timeout is set up to run the same code again in 5 seconds.

Leave a comment

Share This Post

RSS Wordpress News

  • The WordPress.com Year in Review (and Resolutions for 2018) January 3, 2018
    It was quite a year for the WordPress.com community, and we've got a lot to look forward to.
  • Managing Your Blog On a Mobile Device December 13, 2017
    A few enhancements we've added to the iOS and Android apps for easier blogging.
  • New Premium Themes: Small Business and Photo Blog December 7, 2017
    Introducing two new premium themes: Small Business, made for your entrepreneurial endeavors, and Photo Blog, designed to make your photography shine.
  • Updated Privacy Policy December 4, 2017
    As part of our commitment to privacy and transparency, we’re updating our Privacy Policy. We want to give you more information about how we collect and use personal information — in a more organized and readable format. “Your privacy is critically important to us.” These are the first words of …
  • Update Your Avatar on WordPress.com October 12, 2017
    Manage, upload, and edit your profile photo at wordpress.com/me.
  • A New Media Picker for the iOS WordPress App October 9, 2017
    Sometimes it’s the extra touches that make all the difference; on your website, that’s the photos and video that give your content life. You asked for streamlined access to your media library and the camera and photos on your device, to make uploading and inserting photos and videos easier. We …