setTimeout doesn't work

Hi everybody,

I am working with Ember-Simple-Auth to authenticate my App against a remote server which serves me an API token which must be refreshed every 30 mins through the use of a renew token. To that aim I included an async call to ember-Simple-Auth restore method which implements the token refreshing, which should trigger every 25 minutes using setTimeout. However, of the three calls to setTimeout, only one works properly although to me they all look to be the same. May you by any chance be able to help me on this matter ?

Sample code :

> export default Base.extend({
>   restore(data) {
>     console.log("restoring");
>     var renewDelay = 30000; //set to 30 seconds for testing purpose
>     var expirates = data.expirates * 1000;  //server response lists expiration as a unix timestamp in seconds
>     var current = new Date().getTime();

>     if (expirates < current) {
>       console.log("token expired " + expirates + " " + current);
>       return Ember.RSVP.reject();
>     } else {
>       if (expirates - current > renewDelay / 4) {
>         console.log("token valid " + expirates + " " + current + ", renew in " + Number(expirates - current - 30000));
>         //this one works as expected after 30s
>         setTimeout(this.restore, expirates - current - renewDelay, data); 
>         return Ember.RSVP.resolve(data);
>       } else {
>         console.log("token valid " + expirates + " " + current + ", renewing now");
>         return Ember.$.ajax({
>           method: "GET",
>           url: "/renew",
>           accepts: 'application/json',
>           headers: {
>             Authorization: data.renew_token
>           }
>         })
>         .then(function(data) {
>           console.log("next renew in " + Number((data.expirates * 1000) - current - renewDelay));
>           //this one is never called
>           setTimeout(this.restore, (data.expirates * 1000) - current- renewDelay, data); 
>           return data;
>         });
>       },
>     },
>   authenticate(identification, password) {
>   console.log("authenticating");
>   return Ember.$.ajax({
>    method: "POST",
>    url: "/auth",
>     contentType: 'application/json',
>     accepts: 'application/json',
>     data: JSON.stringify({ username: identification, password: password })
>   })
>   .then(function(data) {
>     console.log("next renew in " + Number((data.expirates * 1000) - new Date().getTime() - 30000));
>      //this one is not triggered either
>     setTimeout(this.restore, (data.expirates * 1000) - new Date().getTime() - 30000, data);
>     return data;
>   });
> }
>});

Hi, in Ember world, things are better managed in the run loop

Instead of setTimeout, use Ember.run.later like this:

Ember.run.later((function() {
  // code to run
}), 1000); // run 1s later

Ref:

Ember API Docs

Similar question on stack overflow (answered)