Refreshing AJAX content with a dynamically adjusting time interval

Question

Refreshing AJAX content with a dynamically adjusting time interval

I am facing a scenario where I have a webpage featuring a countdown alongside some dynamic data refreshed via AJAX. To optimize server load, I found a clever solution by adjusting the AJAX refresh interval based on the time remaining in the countdown, following guidance from

Specifically, to achieve a refresh rate of one minute when less than a day remains on the countdown and a rate of 5 minutes for over a day left, my implementation looks something like this:

var doStuff = function () {
    // Perform actions
    var remainingTime = JSONData.restTime;

    if(remainingTime > one day) {
        setTimeout(doStuff, 300000);
    } else {
        setTimeout(doStuff, 60000);
    }
};

setTimeout(doStuff, 60000);

The "remainingTime" variable is derived from the JSON utilized for refreshing the content. Although it functions properly, I am seeking an enhancement. The initial AJAX call currently occurs after one minute of loading the page (as per the last "SetTimeout" in the code). Ideally, I aim to align this initial call with the remaining time—having it execute after 5 minutes if more than a day is left and after 1 minute for less than a day.

How can I synchronize the first AJAX call with the remaining time?

javascript ajax refresh

Answer 1

Answer №1

Is it possible to just call doStuff instead of initially using setTimeout?

var doStuff = function () {
  // Do stuff
  var remainingTime=JSONData.restTime;
  if(remainingTime>one day) {
    setTimeout(doStuff, 300000);
  } else {
    setTimeout(doStuff, 60000);
  }
};

doStuff();

If JSONData isn't loaded yet, consider calling doStuff from the first AJAX success callback.

Answer 2

Is it possible to just call doStuff instead of initially using setTimeout?

var doStuff = function () {
  // Do stuff
  var remainingTime=JSONData.restTime;
  if(remainingTime>one day) {
    setTimeout(doStuff, 300000);
  } else {
    setTimeout(doStuff, 60000);
  }
};

doStuff();

If JSONData isn't loaded yet, consider calling doStuff from the first AJAX success callback.

Refreshing AJAX content with a dynamically adjusting time interval

Answer №1

Similar questions

Amazon Lex: Transforming Speech to Text with Audio Technology

Is it possible to automatically refresh the Next Auth Session upon page reloads using API data updates?

Jquery - Ajax: Error in Syntax JSON.parse: character not expected

How can I use Node.js Express to upload files with Multer?

Is it possible to extract content from a remote website by utilizing javascript and iframe?

Encountering TypeScript error TS2345 while attempting to reject a Promise with an error

Trigger f:ajax only when certain keys are pressed

I successfully made a GET request using Postman, but encountered an issue when trying to do the same request through a

Only when the condition is satisfied in AngularJS will I include JSON data

Guide to displaying a partial in the controller following an ajax request

Using Rails and Stripe: Sending out a form and effectively managing errors with AJAX

What is the best way to update auto margins after resizing an element with Javascript?

Ways to make nodejs return a different value instead of an object promise

A guide to effectively converting and parsing a class object that includes Uint8Array elements

How can specific times be disabled using Laravel-9 jQuery Timepicker?

Implementing AJAX Loading within ASP.NET MVC 4 Views using KendoUI

Using JavaScript to trigger actions via links or buttons inside a table will only function properly in the first row

jQuery setup for doWhen

React button synchronization issue with start stop functionality

Trouble with linkage in jQuery for AJAX requests in an external .js document