JavaScript setTimeOut doesn’t seem to work like I expect

by 
setTimeout(setColor('yellow'),6000);

You are calling setColor('yellow') and passing the return value (which is undefined) to setTimeout.

You need to pass it a function.

It is also important to note that setTimeout will cause a function to be called after a time. It doesn’t make JavaScript sleep for that period.

setTimeout(setColor.bind(window, 'yellow'),6000);
setTimeout(setColor.bind(window, 'red'),6000);

… will call setTimeout at 0s, then call setTimeout again a fraction of a second later, then call setColor('yellow') at 6s and setColor('red') a fraction of a second after that.

More Related Contents:

  1. JQuery string contains check [duplicate]
  2. How to talk to UDP sockets with HTML5?
  3. Set-Cookie in HTTP header is ignored with AngularJS
  4. How to display whole PDF (not only one page) with PDF.JS?
  5. Is it possible to serve Static files with create-react-app from public folder?
  6. Axios interceptors and asynchronous login
  7. How can I use deflated/gzipped content with an XHR onProgress function?
  8. Header message just like at Stack Overflow
  9. jQuery difference between :eq() and :nth-child()
  10. Array Of JS Dates How To Group By Days
  11. How to disable legend click to stop pie slice from disappearing in Highcharts?
  12. How to delete a variable?
  13. jQuery UI DatePicker to show year only
  14. Javascript library: to obfuscate or not to obfuscate – that is the question [closed]
  15. Why is ProgressEvent.lengthComputable false?
  16. How to filter an object with its values in ES6
  17. Make angular.forEach wait for promise after going to next object
  18. jQuery, JavaScript, HTML: how to load images after everything else is loaded?
  19. When to call function vs function() in react onClick? [duplicate]
  20. ES6 Promise replacement of async.eachLimit / async.mapLimit
  21. Validate inputs that are not inside a form with jQuery Validation plugin [closed]
  22. how to get object’s name in javascript?
  23. Loading script tags via AJAX
  24. Javascript: Sort array of arrays by second element in each inner array
  25. Firefox WebExtension importing Services
  26. JavaScript – function to load external JS files is needed
  27. Change Title of Javascript Alert [duplicate]
  28. Strip HTML tags from text using plain JavaScript
  29. Using styled-components with props and TypeScript
  30. How to add delay to jquery mouseover? [duplicate]

Leave a Comment