2016-06-07 65 views
-1

我有一個div標籤使用div標籤如何打印不同的數據在JavaScript

<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標籤打印兩個不同的消息在同一個文件的不同時刻,第一個文本(請等待)沒有被顯示,只有第二條消息(處理完成)正在顯示。

有人建議這可怎麼整流去首先顯示的第一個文本和後來的第二個文本必須替換第一個文本並顯示在同一個地方......

+2

什麼是你的** **以後呢? – weigreen

+3

可能是因爲你的電腦太快了。 – 0x0001

+0

你應該使用jQuery,它可以幫助你改進這項任務。 – rck6982

回答

0

隨着的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); 
})(); 
-1
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); 
+3

請解釋你的代碼的作用。僅有代碼的答案沒有幫助。 –