As stated in the comments, you are creating 1000 timeouts for 500 ms at the same time – after 500 ms all of them will be executed. What you want is to increase the timeout for every scheduled function: setTimeout(function() { // do something }, count * 500); However, creating 1000 timeouts at once is … Read more
Javascript execution is single-threaded. It uses a task queue and the stack to execute stuff. This piece of code: for (var i=0;i<length;i++) { setTimeout(drawChartFunc,0); } Will add [length] setTimeouts calls on the task queue and excute all of them subsequently (0 ms timeout). Only the last operation will update the the screen, because all of … Read more
Try replacing this line: setTimeout(‘this.feedbackTag.removeChild(info)’, 5000); with these two lines: var _this = this; setTimeout(function() { _this.feedbackTag.removeChild(info); }, 5000); Note: Never pass setTimeout a string, as this invokes eval (which you should only use when necessary). Instead, pass setTimeout a function reference (this can be an anonymous function). Finally, always check that the this keyword … Read more
Alternatively you can do it without creating a closure. function myFunction(str1, str2) { alert(str1); //hello alert(str2); //world } window.setTimeout(myFunction, 10, ‘hello’, ‘world’); But note it doesn’t work on IE < 10 according to MDN.
It is not safe to rely on this behavior. I wrote a test script which schedules a number of functions (and they in turn also schedule a number of functions) all using setTimeout(…, 0), and the order in which the functions were called was not always the same as the order in which setTimeout was … Read more
You’ve got a couple of issues here. Firstly, you’re defining your code within an anonymous function. This construct: (function() { … )(); does two things. It defines an anonymous function and calls it. There are scope reasons to do this but I’m not sure it’s what you actually want. You’re passing in a code block … Read more
What Jason said is totally correct in his answer but I thought I would give it a shot, to better clarify. This is actually a classic closure problem. Typically it would look something like: for(var i = 0; i < 10; i++){ setTimeout(function(){ console.log(i); },i * 1000) } The novice would expect the console to … Read more
Be carefull.. your first code would block JavaScript event loop. Basically in JS is something like list of functions which should be processed. When you call setTimeout, setInterval or process.nextTick you will add given function to this list and when the right times comes, it will be processed.. Your code in the first case would … Read more
You’re calling the function immediately and scheduling its return value. Use: setTimeout(testFunction, 2000); ^ Notice: no parens.
Three separate approaches listed here: Manually nest setTimeout() callbacks. Use a chainable timer object. Wrap setTimeout() in a promise and chain promises. Manually Nest setTimeout callbacks Of course. When the first one fires, just set the next one. setTimeout(function() { // do something setTimeout(function() { // do second thing }, 1000); }, 1000); Chainable Timer … Read more