Skip to content

JavaScript settimeout with parameters | Code

  • by

The setTimeout() method is used to call a function after a number of milliseconds (specified time). JavaScript settimeout with parameters is optional to pass to the function.

setTimeout(function, milliseconds, param1, param2, ...)
setTimeout(myFunc, 2000, "param1", "param2");

JavaScript settimeout with parameters

A simple example program to pass a parameter to a setTimeout() function. Where the greet() function is passed to the setTimeout() and it called after 3000 milliseconds (3 seconds).

<!DOCTYPE html>
<html>
<body>
  <script>

   function greet() {
    console.log('Hello world after 3000ms');
  }

  // passing parameter
  setTimeout(greet, 3000);
  console.log('This message is shown first');
</script>

</body>
</html> 

Output:

JavaScript settimeout with parameters

Using additional parameters

<script>

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

    setTimeout(greet, 3000, 'Hello', 'world');
    console.log('This message is shown first');
</script>

Output:

This message is shown first
Hello
world

Use an anonymous function

setTimeout(function() {myFunc("param1", "param2")}, 2000);
function myFunction(param1, param2) {
  // Your code here
  console.log(param1, param2);
}

// Using an anonymous function to pass parameters
setTimeout(function() {
  myFunction('Hello', 'World');
}, 1000); // 1000 milliseconds (1 second) delay

In this example, an anonymous function is used to wrap the call to myFunction with the desired parameters. The setTimeout function then executes this anonymous function after the specified delay.

Alternatively, you can use the bind method to create a new function with specified parameters:

function myFunction(param1, param2) {
  // Your code here
  console.log(param1, param2);
}

// Using bind to pass parameters
var delayedFunction = myFunction.bind(null, 'Hello', 'World');
setTimeout(delayedFunction, 1000); // 1000 milliseconds (1 second) delay

In this example, the bind method is used to create a new function (delayedFunction) that, when called, will invoke myFunction with the specified parameters. This new function is then passed to setTimeout.

Do comment if you have any doubts or suggestions on this JS set timeout topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

Leave a Reply

Discover more from Tutorial

Subscribe now to keep reading and get access to the full archive.

Continue reading