Increase the Speed of setInterval in JavaScript

Question

Increase the Speed of setInterval in JavaScript

I'm currently experimenting with gradually decreasing the interval at which a function is executed within a setInterval method.

Below is a simplified example code snippet:

var speed = 100;
window.setInterval( speed -= 0.01 , speed);

I suspect that the value for speed is only retrieved once, during the first execution of setInterval, and then reused in subsequent executions instead of updating each time. How can I work around this potential limitation? To test this theory, I set the interval to 1000 and decreased "speed-=" by 999. Upon inspection, the value of speed dropped from 1000 to 1 initially, but subsequently continued to decrease by 999. Even when the value became negative, the functions inside setInterval continued to execute every second.

javascript

Answer 1

Answer №1

Illustrating a recursive use of setTimeout with a varying interval.

function execute() {
    var element = document.createElement('div');
    element.innerHTML = duration.toFixed(2);
    document.body.appendChild(element);
    if (duration > 1) {
        setTimeout(execute, duration);
    }
    duration *= 0.9;
}

var duration = 100;
execute();

Answer 2

Illustrating a recursive use of setTimeout with a varying interval.

function execute() {
    var element = document.createElement('div');
    element.innerHTML = duration.toFixed(2);
    document.body.appendChild(element);
    if (duration > 1) {
        setTimeout(execute, duration);
    }
    duration *= 0.9;
}

var duration = 100;
execute();

Increase the Speed of setInterval in JavaScript

Answer №1

Similar questions

Changing the click event using jQuery

What is the best way to implement a dropdown in MUI and React that displays functional components as items?

Triggering a parent component function after a child component function finishes in Vue

Clicking on Rows in DataTables: Enhancing

Identifying Hashtags with Javascript

Unlocking the potential of Vue within shadow dom environments

How to fetch an image from a web API using JavaScript

"Combining the power of Angularjs and the state

Utilizing encoding and decoding techniques in PHP and JavaScript with robust data attribute validation

As for the Pixel Art Creator feature, you can now switch between different modes and

"Utilizing the power of Twitter Bootstrap and Snap.js for

Error: 'delay' is not recognized as a valid function

Save JSON data in an HTML document or vice versa

React.memo is failing to stop unnecessary re-renders of a stateless functional child component that does not receive any props

Modify every audio mixer for Windows

Interact with Dialogflow using fulfillment to retrieve responses by opening an HTTP URL

Can a SVG Animation be created featuring a progress ring with both the right and left dash offsets moving simultaneously?

What could be causing this function to work in Google Chrome, but not in Firefox?

AngularJS textbox failing to recognize line breaks as expected

Modify the styling of the initial picture in a Google Drive file