Understanding the setTimeout method

Question

Hello!

I'm currently going the the Javascript DOM course and i'm stuck with the setTimeout method.

I'm struggling to understand how the parameters combine in order to execute the method.

My code is below.

window.setTimeout((something) => {
  document.write(something);}
  , 3 * 1000, 'Greetings, everyone');

i'm struggling to understand how the string 'Greetings everyone' gets logged into the console since it is not being passed as an argument to the parameter something.

The method uses a function, delay ( integer ) and a string as parameters.

My current understanding is once the delay parameter has been fired, the argument is passed into the function. However since the string and function are separate parameters, how do they combine in order to log out the message? Hope that makes sense.

Thanks, Jiten.

Answer 1 · 2020-01-12T10:48:16Z

January 12, 2020 10:48am

When you call setTimeout, you're only passing a reference to the function, you're not invoking it. But later, after the time elapses, the code in setTimeout calls the function and the argument is passed to it at that time.

Here's how a version of setTimeout might be implemented that just called the function right away:

define noTimeout(func, ignored, arg) {
    func(arg);    // call the function and pass it the argument
}

Answer 2 · 2020-01-12T11:05:34Z

January 12, 2020 11:05am

With SetTimeOut() the arguments are provided after the delay. So 'Greetings, everyone' will be passed as an argument.

Answer 3 · 2020-01-12T11:03:41Z

January 12, 2020 11:03am

Hi Steven. Thanks for the quick reply. I think i understand now.

Welcome to the Treehouse Community

Looking to learn something new?

Jiten Mehta

Jiten Mehta

Understanding the setTimeout method

3 Answers

Steven Parker

Steven Parker

Zimri Leijen

Zimri Leijen

Jiten Mehta

Jiten Mehta