javascript - JavaScript/HTML：如何使用 window.onload=x 和 body onLoad="setTimeout('myFunction()',4000);"

Question

我习惯body onLoad="setTimeout('myFunction()',4000);"每 4 秒刷新一次我的网站。我想使用另一个 JavaScript 来使我的文本褪色。它可以工作，但是我的网站不会每 4 秒刷新一次。它要么褪色，要么刷新。他们互相干扰。

文本褪色脚本需要window.onload=fade才能工作，但如果我使用它，它将覆盖body onLoad="setTimeout('myFunction()',4000);"- 我如何使两者都工作？

Answer 1

你可以试试：

body onLoad="fade(); setTimeout(myFunction, 4000);"

而不是window.onload调用或使用：

window.onload = function () {
    fade();
    setTimeout(myFunction, 4000);
};

而不是身体onload。

您还可以添加多个事件侦听器（因为它们是首选方法）而不是使用上述方法。

function onPageLoad() {
    fade();
    setTimeout(myFunction, 4000);
    return;
};

if (document.addEventListener) {
    document.addEventListener("load", onPageLoad);
}
else if (document.attachEvent) {
    document.attachEvent("onload", onPageLoad);
}
else {
    // event handling not supported
}

Answer 2

这应该普遍适用，虽然我没有测试过:)

(function(window) {
    var _onload = window.onload;

    window.onload = function() {
        _onload && _onload();
        setTimeout(myFunction, 4000);
    }
}(this));

Answer 3

尝试这个：

window.setInterval(myFunction, 4000);