JavaScript - 消除文本替换的延迟

JavaScript - Eliminate delay on text replacement

本文关键字：延迟 文本替换 JavaScript      更新时间：2023-09-26

我在Javascript中有一个函数，可以更改WordPress管理中显示的一些文本。以下代码将向 h1 标记添加文本，并向某些定位标记添加"无显示"。我遇到的问题是有 1-2 秒的时间显示旧文本并显示链接。我试图弄清楚是否有办法消除这种延迟，这样用户就不知道文本正在更改。

var replaceText = function() {
    var Wrapper = document.getElementById("wrap");
    var Header = Wrapper.getElementsByTagName("h1");
    Header[0].innerHTML = "Backup and Restore";
    var topLinks = Wrapper.getElementsByTagName("a");
    for(var i = 1; i < 10; i++) {
        topLinks[i].style.display = "none";
    }
}
function init(){
    replaceText();
}
window.onload = init;

我们无法消除它们之间的延迟。

您将在加载窗口后调用 init 函数。这意味着你的html和css首先被加载，直到那个时候，你试图从javascript中隐藏的元素将不会隐藏。因此，您可以坚持使用css解决方案来隐藏它们，以后当您希望显示它们时，您可以使用javascript。

相关文章：