Why does the value of a variable not print when using setTimeout in a loop?

Question

Why does the value of a variable not print when using setTimeout in a loop?

function x(){
    for(var i=1;i<=5;i++){
        setTimeout(function (i){
            console.log(i)
        },i*1000)
    }
}
x();

I'm currently facing an issue with my code where instead of printing the variable i, it's showing "undefined". Can anyone provide assistance with this?

I've been exploring how to incorporate the setTimeout function within a loop, but the available documentation on this topic seems limited. I am keen on understanding how to implement a setTimeout within a for loop. Any guidance on this matter would be highly appreciated.

javascript function scope closures settimeout

Answer 1

Answer №1

For tips on how to pass a parameter to a setTimeout() callback, check out this resource.

Remember to use let i=1;i<=5;i++ instead of var i=1;i<=5;i++ to limit the scope of i.

function x(){
    for(let i=1;i<=5;i++){
        setTimeout(function (){
            console.log(i)
        },i*1000)
    }
}
x();

Answer 2

For tips on how to pass a parameter to a setTimeout() callback, check out this resource.

Remember to use let i=1;i<=5;i++ instead of var i=1;i<=5;i++ to limit the scope of i.

function x(){
    for(let i=1;i<=5;i++){
        setTimeout(function (){
            console.log(i)
        },i*1000)
    }
}
x();

Why does the value of a variable not print when using setTimeout in a loop?

Answer №1

Similar questions

Attempting to create distinct match matchups for every team in a manner reminiscent of the Swiss system format used in the 2024/25 UEFA Champion League

Trouble with escape sequences in regular expressions within jQuery Terminal for JavaScript

Having difficulties executing AJAX requests on Codepen.io

Tips for establishing a function reference within a class

remove item from list of objects

Having trouble understanding how to receive a response from an AJAX request

Node.js command prompt claims that 'react is non-existent'

Navigate through JSON data to uncover the tree structure path

Issue with custom function not being triggered by datepicker onSelect in Internet Explorer with JQuery

Getting started with html2canvas: A beginner's guide

An error occurred when attempting to access data within a variable that is undefined, resulting in a TypeError at the errorHandler function

Issue with displaying YouTube videos in HTML causing them to be downloaded instead of playing

When forcibly closing a window, the disconnect event for Socket.IO sockets may not trigger as expected

What methods can I use to accomplish the transformation of superimposed images?

Explore the world of threejs with a sphere adorned with cube bumps

Executing synchronous functions in NodeJS

Trouble with the fetch request on the express root router when trying to connect with React

Transform a delimited string and an array of objects into a new format

Dealing with POST redirection and retrieving parameters in Next.js

PHP 7 - stristr() - Displaying the symbols that were found