javascript - 如何让 window.onbeforeunload 等待动画？

Question

考虑下面的 JavaScript 代码，启动动画库(即 scriptaculous)。

window.onbeforeunload = function(event) {
    document.body.fade();
}

离开页面是即时的，不会等待动画完成。尽管我到处都看到人们说 JS 不支持线程，但这里有一些东西是并行运行的，因为似乎一个不会等待另一个。我对线程是否正确，有什么方法可以实现我在这里尝试做的事情吗？

Answer 1

有点晚了，但我认为给出答案对于 future 的 SO 用户来说很有趣。
因此有多种方法可以将您的代码同步到此，因此您应该添加一个自定义服务员。

window.onbeforeunload = function(event) {
    document.body.fade();
    while ((new Date()).getTime() < (new Date()).getTime()) + (1 *1000));
}

我想你也可以尝试 promise :

function sleep(time) {
  return new Promise((resolve) => {
    setTimeout(() => {
      return resolve(null);
    }, time);
  });
}

window.onbeforeunload = async function(event) {
    document.body.fade();
    await sleep(1 * 1000);
}