execute a task automatically for a designated duration of time

Question

execute a task automatically for a designated duration of time

I have a specific task that needs to be executed for a defined period of time. Currently, I am utilizing the set interval function, but I require a dynamic timeout period fetched from a database. In the getInactiveTimePeriod function, I retrieve the time from browser local storage as a result of an API call. The time is in milliseconds, just as expected. Here is my code:

<script>
var timeInMilliseconds;
window.setInterval(function() {
       getInactiveTimePeriod();
 } , 10000);

 function getInactiveTimePeriod() {
  chrome.storage.local.get("user_inactive_time", function (obj) {
     var timeInMinuts = obj.user_inactive_time;
     timeInMilliseconds = timeInMinuts * 60000;

});
 }
 getInactiveTimePeriod();
 checkUserInactivity();

 function checkUserInactivity() {
    setTimeout(function () {
       // code
   }, timeInMilliseconds);
 }
 checkUserInactivity();
</script>

However, this function only runs once. I need assistance in resolving this issue.

javascript timeout settimeout

Answer 1

Answer №1

Start by retrieving the value from the database and then utilize setTimeout function to proceed. Follow this approach:

<script>
window.setInterval(() => {
    getInactiveTimePeriod(); //this function will run every 10 seconds
}, 10000);

function getInactiveTimePeriod() {
    var timeInMilliseconds = $valueFromDatabase; // retrieve time value from database
    //using arrow functions for a single scope
    setTimeout(() => { 
        // your code here
    }, timeInMilliseconds); //execution will be delayed based on timeInMilliseconds value
}
</script>

This method should provide assistance

Answer 2

Start by retrieving the value from the database and then utilize setTimeout function to proceed. Follow this approach:

<script>
window.setInterval(() => {
    getInactiveTimePeriod(); //this function will run every 10 seconds
}, 10000);

function getInactiveTimePeriod() {
    var timeInMilliseconds = $valueFromDatabase; // retrieve time value from database
    //using arrow functions for a single scope
    setTimeout(() => { 
        // your code here
    }, timeInMilliseconds); //execution will be delayed based on timeInMilliseconds value
}
</script>

This method should provide assistance

execute a task automatically for a designated duration of time

Answer №1

Similar questions

Building a versatile and interactive table using AngularJS with data sourced from a

ASP.NET MVC controller encountering internal server error 500 during Ajax request

Is the use of 'use client' always necessary in order to utilize a hook in Next.js?

Enhancing d3 pie chart with additional information when hovering over slices

Navigate array in vue-chart.js

Guide to reducing the file size of your JavaScript code in Visual Studio Code

I encountered an error while attempting to lint my code because ESLint was not configured to ignore the

Troubleshooting Problems with Node.js and MongoDB Integration during the .save() Process

Creating a Gulpfile.js that efficiently manages a multitude of files spread across various folders

Vue.js is experiencing an issue with undefined values within computed properties

Encountering the error message "Cannot GET /" when trying to access the front page using Express.js

Ways to showcase a list in 3 columns on larger screens and 1 column on smaller screens

What is the reason for Chrome allowing the preflight OPTIONS request of an authenticated CORS request to function, while Firefox does not?

Tips for designing the microphone appearance on the Google Chrome speech input interface

Turn off drag and drop functionality and activate selection in HTML

The "next" button on my carousel is unresponsive and the automatic transitioning feature is not working

Can anyone clarify what the term 'this' is referring to in this particular snippet of code?

JQuery .click function functioning properly on alternate clicks

byte sequence displays as binary data (angular + express)

"Attempting to connect to REST server using angularjs $resource. Unexpectedly, the success callback does not