I am encountering an error with setTimeout(): Timeout { _called: false }

Question

I am encountering an error with setTimeout(): Timeout { _called: false }

I have been experimenting with creating a function that generates a random number and then adds 5 to it after a 3-second delay

This is what I have attempted:

const add5 = (randomNum) => {
         return randomNum + 5
}
// Function for you to get started with:
const generateRandomNumber = () => { 
    const rand = Math.round(Math.random() * 10);
    // ....
  console.log(rand)
 console.log(setTimeout(add5, 3000, rand))
}
generateRandomNumber()

Now, I am trying to log the results to observe the implementation in action. When I executed the code, I received the following result:

9
Timeout {
  _called: false,
  _idleTimeout: 3000,
  _idlePrev: 
   TimersList {
     _idleNext: [Circular],
     _idlePrev: [Circular],
     _timer: Timer { '0': [Function: listOnTimeout], _list: [Circular] },
     _unrefed: false,
     msecs: 3000,
     nextTick: false },
  _idleNext: 
   TimersList {
     _idleNext: [Circular],
     _idlePrev: [Circular],
     _timer: Timer { '0': [Function: listOnTimeout], _list: [Circular] },
     _unrefed: false,
     msecs: 3000,
     nextTick: false },
  _idleStart: 141,
  _onTimeout: [Function: add5],
  _timerArgs: [ 9 ],
  _repeat: null,
  _destroyed: false,
  [Symbol(asyncId)]: 7,
  [Symbol(triggerAsyncId)]: 1 }

Based on the changing random number value (9), I can conclude that the function is working as intended. However, I am puzzled as to why setTimeout() does not seem to be functioning as expected. Any insights or suggestions would be greatly appreciated.

javascript

Answer 1

Answer №1

Your code is currently logging the output of the setTimout function itself, but what you really want to do is log the return value from the add5 function.

const add5 = (num) => {
    return num + 5
}

const generateRandomNumber = () => { 
    const random = Math.round(Math.random() * 10);
    // ....
    console.log(random)
    setTimeout(r => console.log(add5(r)), 3000, random)
}

generateRandomNumber()

Answer 2

Your code is currently logging the output of the setTimout function itself, but what you really want to do is log the return value from the add5 function.

const add5 = (num) => {
    return num + 5
}

const generateRandomNumber = () => { 
    const random = Math.round(Math.random() * 10);
    // ....
    console.log(random)
    setTimeout(r => console.log(add5(r)), 3000, random)
}

generateRandomNumber()

I am encountering an error with setTimeout(): Timeout { _called: false }

Answer №1

Similar questions

Discovering the Nearest Point to the Mouse Cursor using Three JS Ray Casting

Is the CSS scale activated by mouseover or click?

refresh PHP automatically using JavaScript

Have you ever wondered why a listener on the 'data' event interprets two separate requests as one, unless a timeout is added?

Encountering a problem with the state error while trying to modify an input field during onChange event

Pairing TMDb genre IDs and their respective names using JavaScript within the Ember.js framework

Show or hide text when list item is clicked

Tips for showcasing a table generated from various input types on a separate page after pressing the submit button

The function image.getState is not recognized (when trying to implement ol in an Angular project)

Ways to integrate mouse out functionalities using an if condition

What is the best way to stop the browser from automatically redirecting to another page after submitting a form?

Oops! Seems like I can't update headers once they have been sent in Node / Express

Transforming data structures into arrays using Javascript

What is the best way to pick out specific passages of text

Javascript - formatting numbers with decimals

What is the best way to transfer the userId from the browser to protractor?

Ways to invoke a C# server-side function using JavaScript

Having trouble initiating NPM in a terminal

Is there a way to link to a specific section within a webpage using its ID, landing halfway down the page instead of at the top?

How to properly declare an explicit injector when using the resolve parameter in $routeProvider?