Switching back and forth between the setTimeout function in JavaScript

In my code, I am using the setTimeout function as shown below:

setTimeout(function(){
    //perform some task here
}, 1000);

Following this, I have another setTimeout function set up like this:

window.setTimeout(function(){
    //some code goes here
}, 10000);

The challenge I am facing is that in the first setTimeout function, I need to read files and process them individually before moving on to the second setTimeout function. Once the first timeout is complete, I want to move on to the second function, do some processing there, and then return to the first function to process the next file. This cycle needs to continue for each file.

Currently, when I use a for loop inside the first setTimeout function, it processes all the files at once and only passes the control to the second timeout function with the last processed file. However, I want to process each file individually in this manner.

As a JavaScript beginner, I am seeking guidance on how to achieve this. Can anyone provide assistance?

Answer №1

function timer1() {
  console.log("Timer 1 is running");
  window.setTimeout(timer2, 500);
}

function timer2() {
  console.log("Timer 2 is running");
  window.setTimeout(timer1, 500);
}

// Start the timers.
timer1();

Answer №2

Next time, consider using a setInterval instead of utilizing two time outs. Here's an example:

setInterval(function(){alert("Hello")},3000);

For a more in-depth explanation, you can refer to this link.

I hope this suggestion proves useful for you. Please feel free to provide any feedback you may have.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Preserving scroll position during page navigation in Next.js

Currently, I am working on a website using the Next.js boilerplate. Here is the routing code that I am using: import Link from 'next/link' <Link href={{ pathname: '/some-url', query: { param: something } }}> <div> ...

ReactJS Modal popping up repeatedly while inside a loop

Hey there, I've been experimenting with ReactJS and came across this amazing Modal Component for opening videos in a modal. However, I encountered an issue when placing the Modal inside a loop with multiple links - it opens multiple times correspondin ...

Switching the link text in a Bootstrap navbar when hovered over

Is there a way to change the shortened text in my Bootstrap 4 navbar links to display the full text on hover? The full text is available in the title element and I would also like to add a small change animation for extra effect... Thank you <div class ...

Combining intersecting sets within an array of sets

I am working with an array that contains minimum and maximum values for various sets. Here is an example of what the array looks like: Array ( [0] => Array ( [0] => 1200 [1] => 2400 ) [1] => Arr ...

simpleCart - Utilizing a modal window for easy input and sending the shopping cart data to PHP in a multidimensional array

Currently, I am working with the simpleCart JavaScript shopping cart, but I have encountered a minor issue. When a customer clicks "checkout," a modal pops up requiring them to enter their contact information. Upon submitting the form, an email is sent to ...

Merging arrays with the power of ES6 spread operator in Typescript

My goal is to merge two arrays into one using the spread object method as shown in the code snippet below: const queryVariable = { ...this.state, filters: [...Object.keys(extraFilters || {}), ...this.state.filters], } The this.state.filte ...

Code for refreshing content using AJAX

I'm looking for AJAX code to set a value in a session. For instance: $_SESSION['verif_code'] I want to generate a random number and assign it to this session. I need some AJAX code to refresh this random number function and set the value ...

Having trouble with my OpenAI API key not functioning properly within my React application

I've been struggling to implement a chatbot feature into my react app, specifically with generating an LLM-powered response. Despite going through documentation and tutorials, I haven't been successful in resolving the issue. My attempts involve ...

Send in unaltered input information

Recently, I encountered an issue with a software feature that allows users to partially edit their existing information. It seems that only the edited part gets submitted correctly, while the unedited sections end up empty. I suspect the problem arises fro ...

When using JavaScript, links within the window.location are automatically altered

When using window.location (.assign, .replace, .href) to redirect to a product page on click, I encountered an issue where it automatically changes some of the href links. For example: instead of "previous href= 'commercial/fonts/fonts.min.css' ...

Show off beautiful text using a styled pre component in a React application

I've been attempting to highlight specific text within a React pre element, but unfortunately, it doesn't seem to be working as expected. Instead of displaying the highlighted text, it shows [object Object]. const Text = styled.pre ` col ...

Issue: Unable to reach essential Node.js modules

After attempting to deploy Next.js on Cloudflare Pages, I encountered the following error: Error: Could not access built-in Node.js modules. It is recommended to ensure that your Cloudflare Pages project has the 'nodejs_compat' compatibility flag ...

Nested ng-repeat in AngularJS by numeric value

Looking to create a sliding carousel layout for displaying a bunch of data with 8 points per slide. The desired structure is as follows: Slide datapoint 1 datapoint 2 datapoint 3 datapoint 4 datapoint 5 datapoint 6 datapoint 7 ...

Struggling to link variables and functions to an angularJS controller

When using the $scope object to bind functions and variables, and making changes accordingly in HTML, the code works fine. But when using a different object, it doesn't work as expected. Here is an example of a working code snippet: ...

Utilizing the <Link> component in React Router to generate URLs based on the root domain

When users visit goodsite.com, they encounter a link created using react router. The link code snippet is as follows: <TableCell component={Link} to={`happy/${thing.id}`} > {thing.name} </TableCell> This particular link is situa ...

Receiving a response from a Node.js server using an AJAX GET request

Here's a snippet of code from app.js that retrieves an aggregated value from mongo.db. I'm attempting to use this response value on my HTML page by making an AJAX call. However, I'm facing an issue where I can't retrieve the value in my ...

sending parameters into a regex within a function

Struggling to pass a variable into a robust regex, managing to make it work outside the function but unable to figure out how to get it working within a function. Not sure why match[1] is returning null or how to find words after a keyword. Here's wh ...

What is the HTML code to display a table and a video/image side by side?

I'm facing a challenge while trying to create a website. I want to place a table in the center of the page, with videos on either side of it. However, whenever I attempt this, the table ends up below the videos instead of being aligned with them. I&ap ...

Scrollable content with sticky positioning using CSS3 and JavaScript

I successfully implemented a sidebar using the position: sticky property and it is functioning perfectly. To identify colors in the following text, refer to the script below. When scrolling, the black area remains fixed while the green area sticks to its ...

Protractor Problem with Asynchronous Calls

New to Protractor, I started by using multiple 'its' in my code. However, I later consolidated everything into one 'it', resulting in the following structure: var UI = require('./../ui.js'); var co = require('co'); ...