Question

我有一个div标签

<div id="generic" style="color:red;font-style:italic;font-weight:bold"></div>

要在我正在使用的位置打印文本

  document.getElementById("generic").innerHTML= "Please wait";

在同一位置，我需要在同一个文件中打印不同的消息

 document.getElementById("generic").innerHTML= "Processing done";

由于在同一文件中的不同时刻使用相同的div标签打印了两个不同的消息，因此第一个文本（请稍候）未显示，只显示第二个消息（已完成处理）。

有人可以建议如何纠正这个问题，以便首先显示第一个文本，然后第二个文本必须替换第一个文本并显示在同一个地方......

Answer 1

使用 setTimeout（），您可以稍后显示第二条消息：

function setMessage(id, message) {
    var el = document.getElementById(id);
    el.innerHTML = message;
}

(function() {
    setMessage("generic", "Please wait");
    var timeGap = 3000; // 3 seconds
    setTimeout(function() {
        setMessage("generic", "Processing done"); // Display the second message after 3 seconds
    }, timeGap);
})();

Answer 2

function updatedText(time){
    var generic = document.getElementById("generic");
        generic.innerHTML= "Please wait";
        setTimeout(function(){
            generic.innerHTML= "After 5 second this text is replace by your previous text";
        }, time);
}
updatedText(5000);

如何在javascript中使用div标签打印不同的数据

2 个答案: