关闭标签JavaScript时延迟

时间:2015-09-14 17:42:24

标签: javascript animation tabs

我有一个多媒体项目。

这是关于镇上的一个古老的歌舞表演,当用户打开页面时,会有剧院窗帘和投影(就像旧的一样)。当用户点击投影时,窗帘将打开一首歌曲,也会有文字信息,图像等。

它已经完成了,但我喜欢关闭标签。

我想要这样:当用户按下(x)关闭标签时,延迟,例如3秒,在那3秒,电影将关闭,所以到动画结束(我知道如何制作动画)标签关闭。像“那是所有人”,但只有3或2秒。

我搜索了很多,但只找到如何制作一个文本框询问是否要关闭标签,尝试修改代码来制作动画,但没有任何事情发生(只关闭当前标签)。

2 个答案:

答案 0 :(得分:0)

以下是2秒暂停(2 000 ms)

的示例
//code before the pause is started
    setTimeout(function(){
        //do what you need here after defined amount of time
    }, 2000);

答案 1 :(得分:0)

当我需要用户在关闭选项卡之前从服务器注销时(在所有其他情况下:页面刷新,后退按钮或浏览器关闭),我使用此方法。 它不是100%保证的,但是如果您设置的时间量足够大,则可以确定在关闭选项卡之前代码已被执行。

window.addEventListener('beforeunload', function (e) {
    // your code goes here
    // .......
    var start = Date.now(), now = start;
    var delay = 500; // msec
    while (now - start < delay) {
        now = Date.now();
    }
    // this is needed to avoid to show a confirmation prompt
    delete e['returnValue'];
});