by Sai gowtham

How to pass arguments to setTimeOut function in JavaScript

In this tutorial, we are going to learn about how to pass arguments to the setTimeOut function in JavaScript.

Consider we have a setTimeout() method with a function.

function add(a,b){
    console.log(a+b);
}

setTimeout(add(1,2), 1000); // wrong way

If we run the above code, we will get the answer immediately instead of waiting for the 1000 milliseconds.

The correct way of passing arguments to the function inside setTimeOut is by declaring an anonymous function.

function add(a,b){
    console.log(a+b);
}

setTimeout(function(){
    add(1,2);
}, 1000); // correct way

Now, the setTimeOut method invokes the function, once a 1000 milliseconds is finished.

Similary, we can also use the bind() method to pass arguments to a function inside setTimeOut.

Example:

function add(a,b){
    console.log(a+b);
}

setTimeout(add.bind(null,1,2), 1000); // correct way

Top Udemy Courses

JavaScript - The Complete Guide 2020 (Beginner + Advanced)
JavaScript - The Complete Guide 2020 (Beginner + Advanced)
45,614 students enrolled
52 hours of video content
View Course
React - The Complete Guide (incl Hooks, React Router, Redux)
React - The Complete Guide (incl Hooks, React Router, Redux)
284,472 students enrolled
40 hours of video content
View Course
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
130,921 students enrolled
21 hours of video content
View Course