JavaScript/HTML:如何使用窗口.onload=x连同body onload= "setTimeo

JavaScript/HTML: How to use window.onload=x together with body onLoad="setTimeout('myFunction()',4000);"

本文关键字:onload body 连同 quot setTimeo 何使用 窗口 JavaScript HTML      更新时间:2023-09-26

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

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

您可以尝试:

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
}

这应该可以普遍工作,尽管我还没有测试过:)

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

试试这个:

window.setInterval(myFunction, 4000);