javascript - addEventListener 取决于 setTimeout

Question

如何在 setTimeout 后调用带有 addEventListener 的函数？这是代码示例:

xyz = setTimeout(function () {
    [...blabla function...]
    // *(↓)
    if (window.addEventListener) {
        window.addEventListener('load', blabla, false);
    } else {
        window.attachEvent('onload', blabla);
    }
}, 3000);

*(→): addEventListener在页面加载时调用该函数，但他应该在3s的setTimeout之后才调用“blabla”函数。那么，如何解决这个问题？

Answer 1

如果您想在窗口加载后 3 秒调用一个函数，您应该将 setTimeout 调用 放在处理程序中:

function delayed_blah() {
    setTimeout(blabla, 3000);
}

if (window.addEventListener) {
    window.addEventListener('load', delayed_blah, false);
} else {
    window.attachEvent('onload', delayed_blah);

对于您的应用程序，您要做的是从动画回调中调用 decrypt() 函数:

$('#dlbox').animate({
    'top': '0'
}, 1000, decrypt);

DEMO