I have some JavaScript code that looks like:

    function statechangedPostQuestion()
    {
      //alert(&quot;statechangedPostQuestion&quot;);
      if (xmlhttp.readyState==4)
      {
        var topicId = xmlhttp.responseText;
    	setTimeout(&quot;postinsql(topicId)&quot;,4000);
      }
    }

    function postinsql(topicId)
    {
      //alert(topicId);
    }

I get an error that `topicId` is not defined
Everything was working before I used the `setTimeout()` function.

I want my `postinsql(topicId)` function to be called after some time.
What should I do?

How can I pass a parameter to a setTimeout() callback?

I am trying to use the new async features and I hope solving my problem will help others in the future. This is my code which is working:

      async function asyncGenerator() {
        // other code
        while (goOn) {
          // other code
          var fileList = await listFiles(nextPageToken);
          var parents = await requestParents(fileList);
          // other code
        }
        // other code
      }
    
      function listFiles(token) {
        return gapi.client.drive.files.list({
          &#39;maxResults&#39;: sizeResults,
          &#39;pageToken&#39;: token,
          &#39;q&#39;: query
        });
      }

The problem is, that my while loop runs too fast and the script sends too many requests per second to the google API. Therefore I would like to build a sleep function which delays the request. Thus I could also use this function to delay other requests. If there is another way to delay the request, please let me know.

Anyway, this is my new code which does not work. The response of the request is returned to the anonymous async function within the setTimeout, but I just do not know how I can return the response to the sleep function resp. to the initial asyncGenerator function.

      async function asyncGenerator() {
        // other code
        while (goOn) {
          // other code
          var fileList = await sleep(listFiles, nextPageToken);
          var parents = await requestParents(fileList);
          // other code
        }
        // other code
      }
    
      function listFiles(token) {
        return gapi.client.drive.files.list({
          &#39;maxResults&#39;: sizeResults,
          &#39;pageToken&#39;: token,
          &#39;q&#39;: query
        });
      }
    
      async function sleep(fn, par) {
        return await setTimeout(async function() {
          await fn(par);
        }, 3000, fn, par);
      }

I have already tried some options: storing the response in a global variable and return it from the sleep function, callback within the anonymous function, etc.

Combination of async function + await + setTimeout

How do I pass context into `setTimeout`? I want to call `this.tip.destroy()` if `this.options.destroyOnHide` after 1000 ms. How can I do that?

    if (this.options.destroyOnHide) {
         setTimeout(function() { this.tip.destroy() }, 1000);
    } 

When I try the above, `this` refers to the window.

Pass correct &quot;this&quot; context to setTimeout callback?

I am working on upgrading some old TypeScript code to use the latest compiler version, and I&#39;m having trouble with a call to &lt;code&gt;setTimeout&lt;/code&gt;.  The code expects to call the browser&#39;s &lt;code&gt;setTimeout&lt;/code&gt; function which returns a number:

&lt;code&gt;setTimeout(handler: (...args: any[]) =&gt; void, timeout: number): number;&lt;/code&gt;

However, the compiler is resolving this to the node implementation instead, which returns a NodeJS.Timer:

&lt;code&gt; setTimeout(callback: (...args: any[]) =&gt; void, ms: number, ...args: any[]): NodeJS.Timer;&lt;/code&gt;

This code does not run in node, but the node typings are getting pulled in as a dependency to something else (not sure what).

How can I instruct the compiler to pick the version of &lt;code&gt;setTimeout&lt;/code&gt; that I want?

Here is the code in question:

    let n: number;
    n = setTimeout(function () { /* snip */  }, 500);

This produces the compiler error: &lt;blockquote&gt;TS2322: Type &#39;Timer&#39; is not assignable to type &#39;number&#39;.&lt;/blockquote&gt;

TypeScript - use correct version of setTimeout (node vs window)

I am learning JavaScript and I have learned recently about JavaScript timing events. When I learned about `setTimeout` at [W3Schools][1], I noticed a strange figure which I didn’t run into before. They are using double quotes and then call the function.

Example: 

    setTimeout(&quot;alertMsg()&quot;, 3000);

I know that double and single quotes in JavaScript means a string.

Also I saw that I can do the same like that:

    setTimeout(alertMsg, 3000);

With the parentheses it’s referring, without the parentheses it’s copied. When I am using the quotes and the parentheses it’s getting crazy.

I will be glad if someone can explain to me the difference between these three ways of using `setTimeout`:

With the parentheses:

    setTimeout(&quot;alertMsg()&quot;, 3000);

Without the quotes and the parentheses: 

    setTimeout(alertMsg, 3000);

And the third is only using quotes: 

    setTimeout(&quot;alertMsg&quot;, 3000);

---

N.B.: A better source for `setTimeout` reference would be [MDN][2].


  [1]: http://www.w3schools.com/js/js_timing.asp
  [2]: https://developer.mozilla.org/en-US/docs/DOM/window.setTimeout

Difference between setTimeout with and without quotes and parentheses

Please tell me how to write javascript below in coffeescript.

    setTimeout(function(){
        something(param);
    }, 1000);

how to write setTimeout with params by Coffeescript

Is there any JavaScript method similar to the jQuery `delay()` or `wait()` (to delay the execution of a script for a specific amount of time)?

Execute script after specific delay using JavaScript

I don&#39;t understand why is when I use `setTimeout` function my react component start to infinite console.log. Everything is working, but PC start to lag as hell.
Some people saying that function in timeout changing my state and that rerender component, that sets new timer and so on. Now I need to understand how to clear it&#39;s right.

    export default function Loading() {
      // if data fetching is slow, after 1 sec i will show some loading animation
      const [showLoading, setShowLoading] = useState(true)
      let timer1 = setTimeout(() =&gt; setShowLoading(true), 1000)
 
      console.log(&#39;this message will render  every second&#39;)
      return 1
    }


Clear in different version of code not helping to:
  

    const [showLoading, setShowLoading] = useState(true)
      let timer1 = setTimeout(() =&gt; setShowLoading(true), 1000)
      useEffect(
        () =&gt; {
          return () =&gt; {
            clearTimeout(timer1)
          }
        },
        [showLoading]
      )

React hooks - right way to clear timeouts and intervals

I was testing the accuracy of `setTimeout` using [this test][1]. Now I noticed that (as expected) `setTimeout` is not very accurate but for most appliances not dramatically inaccurate. Now if I run the test in Chrome and let it run in a background tab (so, switching to another tab and browse on there), returning to the test and inspecting the results (if the test finished) they are dramatically changed. It looks like the timeouts have been running a lot slower. Tested in FF4 or IE9 this didn&#39;t occur.

So it looks like Chrome suspends or at least slows down javascript execution in a tab that has no focus. Couldn&#39;t find much on the internet on the subject. It would mean that we can&#39;t run background tasks, like for example checking periodically on a server using XHR calls and `setInterval` (I suspect to see the same behavior for `setInterval`, will write a test if time is with me).

Has anyone encountered this? Would there be there a workaround for this suspension/slowing down? Would you call it a bug and should I file it as such?

  [1]: http://testbed.nicon.nl/timeouttest/

Chrome: timeouts/interval suspended in background tabs?

Normally, I’d set the interval to a variable and then clear it like `var the_int = setInterval(); clearInterval(the_int);` but for my code to work I put it in an anonymous function:

    function intervalTrigger() {
      setInterval(function() {
        if (timedCount &gt;= markers.length) {
          timedCount = 0;
        }
        
        google.maps.event.trigger(markers[timedCount], &quot;click&quot;);
        timedCount++;
      }, 5000);
    };

    intervalTrigger();

How do I clear this? I gave it a shot and tried `var test = intervalTrigger(); clearInterval(test);` to be sure, but that didn’t work.

Basically, I need this to stop triggering once my Google Map is clicked, e.g.

    google.maps.event.addListener(map, &quot;click&quot;, function() {
      //stop timer
    });

How do I clear this setInterval inside a function?

Can anyone tell me if an equivalent for setInterval/setTimeout exists for Android? Does anybody have any example about how to do it?



What is the equivalent to a JavaScript setInterval/setTimeout in Android/Java?

Here i am trying to wrap my head around promises.Here on first request i fetch a set of links.and on next request i fetch the content of first link.But i want to make a delay before returning next promise object.So i use setTimeout on it. But it gives me the following JSON error (**`without setTimeout() it works just fine`**)

&gt; SyntaxError: JSON.parse: unexpected character at line 1 column 1 of
&gt; the JSON data

***i would like to know why it fails?***

    let globalObj={};
    function getLinks(url){
        return new Promise(function(resolve,reject){
           
    	   let http = new XMLHttpRequest();
    	   http.onreadystatechange = function(){
                if(http.readyState == 4){
    			  if(http.status == 200){
                    resolve(http.response);
    			  }else{
    			    reject(new Error());
    			  }
                }			
    	   }
    	   http.open(&quot;GET&quot;,url,true);
    	   http.send();
        });
    }
    
    getLinks(&#39;links.txt&#39;).then(function(links){
        let all_links = (JSON.parse(links));
    	globalObj=all_links;
    
    	return getLinks(globalObj[&quot;one&quot;]+&quot;.txt&quot;);
    
    }).then(function(topic){
        
        
    	writeToBody(topic);
    	setTimeout(function(){
    		 return getLinks(globalObj[&quot;two&quot;]+&quot;.txt&quot;); // without setTimeout it works fine 
    		 },1000);
    });

Using setTimeout on promise chain

This is not a realworld problem, I&#39;m just trying to understand how promises are created.

I need to understand how to make a promise for a function that returns nothing, like setTimeout.

Suppose I have:

	function async(callback){ 
		setTimeout(function(){
			callback();
		}, 5000);
	}

	async(function(){
		console.log(&#39;async called back&#39;);
	});

How do I create a promise that `async` can return after the `setTimeout` is ready to `callback()`?

I supposed wrapping it would take me somewhere:

	function setTimeoutReturnPromise(){

		function promise(){}

		promise.prototype.then = function() {
			console.log(&#39;timed out&#39;);
		};

		setTimeout(function(){
			return ???
		},2000);


		return promise;
	}

But I can&#39;t think beyond this.

How to make a promise from setTimeout

I&#39;m still fairly new at React, but I&#39;ve been grinding along slowly and I&#39;ve encountered something I&#39;m stuck on. 

I am trying to build a &quot;timer&quot; component in React, and to be honest I don&#39;t know if I&#39;m doing this right (or efficiently). In my code below, I set the state to return an object ```{ currentCount: 10 }``` and have been toying with ```componentDidMount```, ```componentWillUnmount```, and ```render``` and I can only get the state to &quot;count down&quot; from 10 to 9. 

Two-part question: What am I getting wrong? And, is there a more efficient way of going about using setTimeout (rather than using ```componentDidMount``` &amp; ```componentWillUnmount```)?

Thank you in advance.

    import React from &#39;react&#39;;
    
    var Clock = React.createClass({
    
      getInitialState: function() {
        return { currentCount: 10 };
      },
    
      componentDidMount: function() {
        this.countdown = setInterval(this.timer, 1000);
      },
    
      componentWillUnmount: function() {
        clearInterval(this.countdown);
      },
    
      timer: function() {
        this.setState({ currentCount: 10 });
      },
    
      render: function() {
        var displayCount = this.state.currentCount--;
        return (
          &lt;section&gt;
            {displayCount}
          &lt;/section&gt;
        );
      }
    
    });
    
    module.exports = Clock;

setInterval in a React app

I came across some unexpected behavior when passing a large millisecond value to `setTimeout()`. For instance,

    setTimeout(some_callback, Number.MAX_VALUE);

and

    setTimeout(some_callback, Infinity);

both cause `some_callback` to be run almost immediately, as if I&#39;d passed `0` instead of a large number as the delay.

Why does this happen?

Why does setTimeout() &quot;break&quot; for large millisecond delay values?

I try to make a page to go to the startpage after eg. 10sec of inactivity (user not clicking anywhere). I use jQuery for the rest but the set/clear in my test function are pure javascript.

In my frustation I ended up with something like this function that I hoped I could call on any click on the page. The timer starts fine, but is not reset on a click. If the function is called 5 times within the first 10 seconds, then 5 alerts will apear... no clearTimeout...

    function endAndStartTimer() {
        window.clearTimeout(timer);
        var timer;
        //var millisecBeforeRedirect = 10000; 
        timer = window.setTimeout(function(){alert(&#39;Hello!&#39;);},10000); 
    }

Any one got some lines of code that will do the trick?
 - on any click stop, reset and start the timer.
 - When timer hits eg. 10sec do something.

setTimeout / clearTimeout problems

I need to perform a Search when user stops typing.I know I am supposed to use **setTimeout()** . But with **Reactjs I cant find how it works.** Can someone please tell me how to invoke a method (that will handle Search) when the user stops typing for a few seconds (suppose 5).I cant figure out where to write the code to check that the user has stopped typing.

    import React, {Component, PropTypes} from &#39;react&#39;;
    
    export default class SearchBox extends Component {
    
        state={
          name:&quot; &quot;,
        }
    
        changeName = (event) =&gt; {
            this.setState({name: event.target.value}); 
        }
    
        sendToParent = () =&gt; {
            this.props.searching(this.state.name);
        }
    
        render() {
            return (
                &lt;div&gt;
                     &lt;input type=&quot;text&quot;  placeholder=&#39;Enter name you wish to Search.&#39;  onChange={this.changeName} /&gt;
                  
                &lt;/div&gt;
            );
        }
    }   


I want to invoke the sendToParent method when the user stops typing.

How to start search only when user stops typing?

I just want to get the return value from `setTimeout` but what I get is a whole text format of the function?

```js
function x () {
    setTimeout(y = function () {
        return &#39;done&#39;;
    }, 1000);
    return y;
}

console.log(x());
```

Get return value from setTimeout

I&#39;m writing some Javascript that interacts with library code that I don&#39;t own, and can&#39;t (reasonably) change.  It creates Javascript timeouts used for showing the next question in a series of time-limited questions.  This isn&#39;t real code because it is obfuscated beyond all hope.  Here&#39;s what the library is doing:

    ....
    // setup a timeout to go to the next question based on user-supplied time
    var t = questionTime * 1000
    test.currentTimeout = setTimeout( showNextQuestion(questions[i+1]), t );

I want to put a progress bar onscreen that fills towards `questionTime * 1000` by interrogating the timer created by `setTimeout`.  The only problem is, there seems to be no way to do this.  Is there a `getTimeout` function that I&#39;m missing?  The only information on Javascript timeouts that I can find is related only to creation via `setTimeout( function, time)` and deletion via `clearTimeout( id )`.

I&#39;m looking for a function that returns either the time remaining before a timeout fires, or the time elapsed after a timeout has been called.  My progress bar code looks like this:

    var  timeleft = getTimeout( test.currentTimeout ); // I don&#39;t know how to do this
    var  $bar = $(&#39;.control .bar&#39;);
    while ( timeleft &gt; 1 ) {
        $bar.width(timeleft / test.defaultQuestionTime * 1000);
    }
tl;dr: **How do I find the time remaining before a javascript setTimeout()?**

-----
Here&#39;s the solution I&#39;m using now.  I went through the library section that&#39;s in charge of tests, and unscrambled the code (terrible, and against my permissions).

    // setup a timeout to go to the next question based on user-supplied time
    var t = questionTime * 1000
    test.currentTimeout = mySetTimeout( showNextQuestion(questions[i+1]), t );

and here&#39;s my code:

&lt;pre&gt;// wrapper for setTimeout
function mySetTimeout( func, timeout ) {
	timeouts[ n = setTimeout( func, timeout ) ] = {
		start: new Date().getTime(),
		end: new Date().getTime() + timeout
		t: timeout
	}
	return n;
}&lt;/pre&gt;

This works pretty spot-on in any browser that isn&#39;t IE 6.  Even the original iPhone, where I expected things to get asynchronous.

find the time left in a setTimeout()?

I am working on a music program that requires multiple JavaScript elements to be in sync with another. I’ve been using `setInterval`, which works really well initially. However, over time the elements gradually become out of sync which is bad in a music program.

I’ve read online that `setTimeout` is more accurate, and you can have `setTimeout` loops somehow. However, I have not found a generic version that illustrates how this is possible.

Basically I have some functions like such:

```js
//drums
setInterval(function {
  //code for the drums playing goes here
}, 8000);

//chords
setInterval(function {
  //code for the chords playing goes here
}, 1000);

//bass
setInterval(function {
  //code for the bass playing goes here
}, 500);
```

It works super well, initially, but over the course of about a minute, the sounds become noticeably out of sync as I’ve read happens with `setInterval`. I’ve read that `setTimeout` can be more consistently accurate.

Could someone just show me a basic example of using `setTimeout` to loop something indefinitely? Alternatively, if there is a way to achieve more synchronous results with `setInterval` or even another function, please let me know.

How to make `setInterval` behave more in sync, or how to use `setTimeout` instead?

I would like to delay a hover event in jquery.  I am reading from a file when user hovers over a link or label.  I don&#39;t want this event to occur immediately in case the user is just moving the mouse across the screen.  Is there a way to delay the event from firing?

Thank you.

Example code:

    $(function() {
        $(&#39;#container a&#39;).hover(function() {
            $(&#39;&lt;div id=&quot;fileinfo&quot; /&gt;&#39;).load(&#39;ReadTextFileX.aspx&#39;,
                {filename:&#39;file.txt&#39;},
                function() {
                    $(this).appendTo(&#39;#info&#39;);
                }
             );
        },
            function() { $(&#39;#info&#39;).remove(); }
        });
    });

**UPDATE:** *(1/14/09)*
After adding the HoverIntent plugin the above code was changed to the following to implement it.  Very simple to implement.

    $(function() {
        hiConfig = {
            sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
            interval: 200, // number = milliseconds for onMouseOver polling interval
            timeout: 200, // number = milliseconds delay before onMouseOut
            over: function() {
                $(&#39;&lt;div id=&quot;fileinfo&quot; /&gt;&#39;).load(&#39;ReadTextFileX.aspx&#39;, {filename:&#39;file.txt&#39;},
                    function() {
                       $(this).appendTo(&#39;#info&#39;);
                    }
                 );
            }, // function = onMouseOver callback (REQUIRED)
            out: function() { $(&#39;#info&#39;).remove();  } // function = onMouseOut callback (REQUIRED)
        }
        $(&#39;#container a&#39;).hoverIntent(hiConfig)
    }





Delay jquery hover event?

I&#39;m trying to build a loading indicator with a image sprite and I came up with this function

    function setBgPosition() {
       var c = 0;
        var numbers = [0, -120, -240, -360, -480, -600, -720];
        function run() {
           Ext.get(&#39;common-spinner&#39;).setStyle(&#39;background-position&#39;, numbers[c++] + &#39;px 0px&#39;);
            if (c&lt;numbers.length)
    		{
                setTimeout(run, 200);
    		}else
    		{
    			setBgPosition();
    		}
        }
        setTimeout(run, 200);
    }

so the out put is looks like this

[http://jsfiddle.net/TTkre/][1]

I had to use setBgPosition(); inside else to keep this running in a loop so now my problem is how to stop this loop once I want [load finished]?



  [1]: http://jsfiddle.net/TTkre/

How to stop a setTimeout loop?

**PROBLEM**

I&#39;ve been looking for request/response timeouts for Express.js but everything seems to be related to the connection rather than the request/response itself.

If a request is taking a long time, it should be timed out. Obviously this shouldn&#39;t happen but even a simple mistake as having a route handler without a call to the callback or without `res.send()`, the browser will keep waiting for a reply forever.

An empty route handler is a perfect example of this.

    app.get(&#39;/sessions/&#39;, function(req, res, callback){});

**FIX**

I added the following **before** `app.use(app,router);` and it seemed to add the timeout functionality. Does anyone have any experience/opinion on this?

	app.use(function(req, res, next){
		res.setTimeout(120000, function(){
			console.log(&#39;Request has timed out.&#39;);
				res.send(408);
			});
			
		next();
	});

Note that I&#39;ve set the timeout to 2 minutes.

Express.js Response Timeout

Simple question here that I can&#39;t seem to find an answer for: Once a `setTimeout` is set, is there any way to see if it&#39;s still, well, set?

    if (!Timer)
    {
        Timer = setTimeout(DoThis,60000);
    }


From what I can tell, when you `clearTimeout`, the variable remains at its last value. A `console.log` I just looked at shows `Timer` as being &#39;12&#39;, no matter if the timeout has been set or cleared. Do I have to null out the variable as well, or use some other variable as a boolean saying, yes, I have set this timer? Surely there&#39;s a way to just check to see if the timeout is still running... right? I don&#39;t need to know how long is left, just if it&#39;s still running.

Can I see if a timer is still running?

I&#39;m grabbing an array of jQuery objects and then via .each() modifying each individual jquery with in the array.

In this case I&#39;m updated the class names to trigger a -webkit-transition-property to utilize a css transition. 

I&#39;d like there to be a pause before each css transition begins. I&#39;m using the following, but there is no delay in between each update. Instead, they all appear to be updating at once. 

    function positionCards() {
      $cards = $(&#39;#gameboard .card&#39;);
      $cards.each(function() {
          setTimeout( function(){ addPositioningClass($(this)); }, 500 )
      });
    }

    function addPositioningClasses($card){
      $card
        .addClass(&#39;position&#39;)
    }

I was hoping setTimeout would solve this, but it doesn&#39;t seem to be working. Is there a way to accomplish the pause before each CLASS name update of each object? 

How to add pause between each iteration of jQuery .each()?

In a modern web browser, suppose I do a `setTimeout` for 10 minutes (at 12:00), and 5 minutes later put the computer to sleep, what should happen when the system wakes up again? What happens if it wakes up before the 10 minutes are up (at 12:09) or much later (at 16:00)?

The reason I&#39;m asking is because I&#39;d like to have a new authentication token requested every 10 minutes, and I&#39;m not sure if the browser will do the right thing and immediately request a new token if it wakes up after a long time. 

**Clarifications**: I don&#39;t wan&#39;t to use cookies - I&#39;m trying to build a web service here; and yes, the server will reject old and invalid tokens.

What happens to setTimeout when the computer goes to sleep?

I&#39;m trying to write a simple code with a `setTimeout`, but the `setTimeout` just won&#39;t wait the time it&#39;s supposes to and the code execute immediately. What am I doing wrong?

    setTimeout(testfunction(), 2000);

Why is the method executed immediately when I use setTimeout?

I&#39;m trying to load a splash screen for an iOS app built in React Native. I&#39;m trying to accomplish this through class states and then a setTimeout function as follows:

&lt;!-- begin snippet: js hide: false --&gt;

&lt;!-- language: lang-html --&gt;

    class CowtanApp extends Component {
      constructor(props){
        super(props);
        this.state = {
          timePassed: false
        };
      }

      render() {
        setTimeout(function(){this.setState({timePassed: true})}, 1000);
        if (!this.state.timePassed){
          return &lt;LoadingPage/&gt;;
        }else{
          return (
            &lt;NavigatorIOS
              style = {styles.container}
              initialRoute = {{
                component: LoginPage,
                title: &#39;Sign In&#39;,
              }}/&gt;
          );
        }
      }
    }

The loading page works for a second, and then I guess when setTimeout tries to change the state to true, my program crashes: &#39;undefined is not an object (evaluating this.setState)&#39;. I&#39;ve been going at this for a couple of hours, any ideas on how to fix it?

setTimeout in React Native

I am needing to iterate over some large arrays and store them in backbone collections from an API call. What is the best way to do this without making the loop cause the interface to become unresponsive?

The return of the ajax request also blocks as the data returned is so large. I figure that I could split it up and use setTimeout to make it run asynchronously in smaller chunks but is there an easier way to do this.

I thought a web worker would be good but it needs to alter some data structures saved on the UI thread. I have tried using this to do the ajax call but when it returns the data to the UI thread there is still a time when the interface is unresponsive.

Thanks in advance

Best way to iterate over an array without blocking the UI

How can I timeout a promise after certain amount of time?
I know Q has a promise timeout, but I&#39;m using native NodeJS promises and they don&#39;t have .timeout function.

Am I missing one or its wrapped differently?

Alternatively, Is the below implementation good in means of not sucking up memory, actually working as expected?

Also can I make it somehow wrapped globally so I can use it for every promise I create, without having to repeat the setTimeout and clearTimeout code?

    function run() {
        logger.info(&#39;DoNothingController working on process id {0}...&#39;.format(process.pid));
    
        myPromise(4000)
            .then(function() {
                logger.info(&#39;Successful!&#39;);
            })
            .catch(function(error) {
                logger.error(&#39;Failed! &#39; + error);
            });
    }
    
    function myPromise(ms) {
        return new Promise(function(resolve, reject) {
            var hasValueReturned;
            var promiseTimeout = setTimeout(function() {
                if (!hasValueReturned) {
                    reject(&#39;Promise timed out after &#39; + ms + &#39; ms&#39;);
                }
            }, ms);
    
            // Do something, for example for testing purposes
            setTimeout(function() {
                resolve();
                clearTimeout(promiseTimeout);
            }, ms - 2000);
        });
    }

Thanks! 

NodeJS Timeout a Promise if failed to complete in time

I have a close function in my component that contains a `setTimeout()` in order to give time for the animation to complete.


    public close() {
        this.animate = &quot;inactive&quot;
        setTimeout(() =&gt; {
           this.show = false
        }, 250)
    }

`this.show` is bound to an `ngIf`.

`this.animate` is bound to an animation.

I have a test that needs to test this function

    it(&quot;tests the exit button click&quot;, () =&gt; {
      comp.close()
      fixture.detectChanges()
      //verifies the element is no longer in the DOM
      const popUpWindow = fixture.debugElement.query(By.css(&quot;#popup-window&quot;))
      expect(popUpWindow).toEqual(null)
    })

How do you properly test this function when there is a `setTimeout()`?

I was using `jasmine.clock().tick(251)` but the window would never disappear. any thoughts on this as well?



Test a function that contains a setTimeout()

I have the following scenario:

    setTimeout(&quot;alert(&#39;this alert is timedout and should be the first&#39;);&quot;, 5000);
    alert(&quot;this should be the second one&quot;);

I need the code after the `setTimeout` to be executed after the code in the setTimeout is executed. Since the code that comes after the `setTimeout` is not code of my own I can&#39;t put it in the function called in the setTimeout...

Is there any way around this?

using setTimeout synchronously in JavaScript

The following snippet sets a timeout that I&#39;d like to last at least a second:

    var currentTimeMillis = new Date().getTime();
    // do stuff...
    var sleepTime = 1000 - (new Date().getTime() - currentTimeMillis);

Given that `sleepTime` can be a negative number, is it safe to call `setTimeout`, like this:

    setTimeout(callback, sleepTime)

Or do I need to check for negative values before calling `setTimeout`?

Is calling setTimeout with a negative delay ok?

In JavaScript, `setTimeout(callback, delay)` means &quot;call `callback` after `delay` milliseconds&quot;. But what if `delay` is `0`? Should it call `callback` right away? 

I am confused because of what I see when I run the following code:

    setTimeout(function() { 
    	console.log(&#39;AAA&#39;);
    }, 0); // Call this in 0 milliseconds 
    
    for (i = 0; i &lt; 1000; i++) {
    	console.log(&#39;BBB&#39;);	
    }
    for (i = 0; i &lt; 1000; i++) {
    	console.log(&#39;CCC&#39;);	
    }
    for (i = 0; i &lt; 1000; i++) {
    	console.log(&#39;DDD&#39;);	
    }
    for (i = 0; i &lt; 1000; i++) {
    	console.log(&#39;EEE&#39;);	
    }

This logs the following to the console:

[![console_log][1]][1]

I expected to see `AAA` logged much sooner than that. There was time to execute 4000 other calls to `console.log` before a function which should have been called immediately.

Can someone explain what `setTimeout` is doing when the delay is set to 0 milliseconds? 

[1]: http://i.stack.imgur.com/C5q01.png

What is setTimeout doing when set to 0 milliseconds?

I need to implement a function to run after 60 seconds of clicking a button. Please help, I used the Timer class, but I think that that is not the best way.

What is the equivalent of javascript setTimeout in Java?

I am using ajax and asp.net. iI have a javascript function which creates many other javascript functions with setTimeout. After asynchronous postback happenes, I want to disable all of these setTimeouted events. How can I do that?

How can I disable all setTimeout events?

I am trying to repeat `setTimeout` every 10 seconds. I know that `setTimeout` by default only waits and then performs an action one time. How can I repeat the process?

    setTimeout(function() {
      setTimeout(function() {
        console.log(&quot;10 seconds&quot;);
      }, 10000);
    }, 10000);

Repeating setTimeout

Quite often see in JavaScript libraries code like this:

    setTimeout(function() {
        ...
    }, 0);

I would like to know why use such a wrapper code.

Call setTimeout without delay

I need to write a test for a function that has a `setTimeout()` call inside, but i can&#39;t find how i should do.

This is the function

	// Disables all submit buttons after a submit button is pressed.
	var block_all_submit_and_ajax = function( el ) {
		// Clone the clicked button, we need to know what button has been clicked so that we can react accordingly
		var $clone = $( el ).clone();
		// Change the type to hidden
		$clone.attr( &#39;type&#39;, &#39;hidden&#39; );
		// Put the hidden button in the DOM
		$( el ).after( $clone );
		// Disable all submit button. I use setTimeout otherwise this doesn&#39;t work in chrome.
		setTimeout(function() {
			 $( &#39;#facebook input[type=submit]&#39; ).prop( &#39;disabled&#39;, true );
		 }, 10);
		// unbind all click handler from ajax
		$( &#39;#facebook a.btn&#39; ).unbind( &quot;click&quot; );
		// Disable all AJAX buttons.
		$( &#39;#facebook a.btn&#39; ).click( function( e ) {
			e.preventDefault();
			e.stopImmediatePropagation();
		} );
	};

And this is my test

	it( &quot;Disable all submit buttons&quot;, function() {
		// Get a button
		var $button = $( &#39;#ai1ec_subscribe_users&#39; );
		// Call the function
		utility_functions.block_all_submit_and_ajax( $button.get(0) );
		// check that all submit are disabled
		$( &#39;#facebook input[type=submit]&#39; ).each( function( i, el ) {
			console.log( &#39;f&#39; );
			expect( el ).toHaveProp( &#39;disabled&#39;, true );
		} );
	} );

I&#39;ve tried using `jasmine.Clock.useMock();` and `jasmine.Clock.tick(11);` but i couldn&#39;t get things to work, the test never pass

How to test a function which has a setTimeout with jasmine?

I am looking at some existing code in a web application. I saw this:

`window.setTimeout(function () { ... })`

Is this the same as just executing the function content right away?

Is setTimeout with no delay the same as executing the function instantly?

I would like to put

    var minValue = 0;
    if ( typeof callback == &#39;function&#39; ) {
        setTimeout( callback, minValue );
    }

this code when I implement callback function with JavaScript.

But I&#39;ve found that modern browsers and some old browsers 

have different minimum timeout value.

I know that Zero cannot be minimum value.

**What would be minimum value of setTimeout for**

**modern browsers and some old browsers for compatibility issues?**

What is minimum millisecond value of setTimeout?

I&#39;m still new to JQuery,  on the way to getting my ajax example to work i got stalled with setTimeout.  I have broken it down to to where it should add &quot;.&quot; to the div every second.

The relevant code is in two files.

**index.html**

    &lt;html&gt;&lt;head&gt;
    &lt;script type=&#39;text/javascript&#39; src=&#39;jquery.js&#39;&gt;&lt;/script&gt;
    &lt;script type=&#39;text/javascript&#39; src=&#39;myCode.js&#39;&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;div id=&#39;board&#39;&gt;Text&lt;/div&gt;
    &lt;/body&gt;
    &lt;/html&gt;

and **myCode.js**

    (function(){
       $(document).ready(function() {update();});
    
       function update() { 
          $(&quot;#board&quot;).append(&quot;.&quot;);
          setTimeout(&#39;update()&#39;, 1000); 	}
     })();

the myCode.js file works alright and &quot;update()&quot; runs the first time through but never again.


JQuery, setTimeout not working

I had a suggestion to implement a timeout like this:

      $timeout(function() {

        // Loadind done here - Show message for 3 more seconds.
        $timeout(function() {
          $scope.showMessage = false;
        }, 3000);

      }, 2000);
    };

Can someone tell me what is the reason / advantage in using this rather than using setTimeout?

    

All Settimeout Solutions on Gang of Coders

Total of 43 Settimeout Solutions