连续的setTimout()一次调用所有执行

Question

setTimeout(thisFunc, 500);
setTimeout(thatFunc, 500);
setTimeout(otherFunc, 500);
finalFunc();

我期望的是thisFunc(),然后是半秒暂停,然后是thatFunc(),然后是半秒暂停,然后是otherFunc(),然后是暂停.然后是finalFunc().

实际发生的是,页面暂停1 1/2秒,然后所有四个函数似乎立即执行.

我怎样才能实现我的暂停？它完全是为了UI中的美学目的而完成的.

Answer 1

如果需要使用500 ms作为变量,也可以使用回调:

var timeout = 500;

setTimeout(function() {
  thisFunc();
  setTimeout(function() {
    thatFunc();
    setTimeout(function() {
      otherFunc();
    }, timeout);
  }, timeout);
}, timeout);