从setTimeout（）调用setInterval（）不会启动计时器

Question

I have a task to bring up a bootstrap modal window after a predefined time, for which I use setTimeout(). Then another task is to show a countdown in the body of the modal window - however calling setInterval() from setTimeout() function does not do anything.

func = function(warntime) {
   func.tid = setInterval(function() {
     $("#dialog-countdown").html(warntime--);
       if(warntime == 0) {
           doSignout();
       }
   }, 1000);
};

var tmwarn = setTimeout(function(){
         $("#timeout-modal").modal("show");
         func(60);
   }, 20000);

So the func() call does not start the timer, at least not in Chrome or Safari or IE.

What's wrong? Any workaround?

Answer 1

If I understand you correctly, you want something like that:

func = function(warntime) {
   func.tid = setInterval(function() {
     warntime--;
     console.log('warntime: ', warntime);
       if(warntime == 0) {
           doSignout(func.tid);
       }
   }, 2000);
};

doSignout = function(id) {
   console.log('signing out');
   clearInterval(id) 
}

setTimeout(function(){
    func((sessionTimeout - sessionTimeoutWarning)/1000);
}, sessionTimeoutWarning);

here's the working fiddle