在Javascript中顯示文本

Question

我試圖在Javascript中顯示文本。

這是我的代碼：

HTML：

<div id="t1">Ecologie</div> 
<div id="t2">Planète</div> 
<div id="t3">BIO</div> 
<div id="t4">Responsable</div> 
<div id="t5">Changement</div> 
<div id="t6">Durable</div> 
<script type="text/javascript">var mytimeout = setTimeout(DisplayElem(), 2000) 
</script> 

CSS：

#t1 
{ 
    position: absolute; 
    color: green; 
    font-size: 50px; 
    top: 50%; 
    left: 13%; 
    display: none; 
} 

#t2 
{ 
    position: absolute; 
    color: green; 
    font-size: 60px; 
    top: 40%; 
    left: 70%; 
    display: none; 
} 

和Javascript：

function Display (elem) { 
    elem.style.display = block; 
} 

var compteur = 0; 
function DisplayElem() 
{ 
    compteur += 1; 
    var id = 't' + compteur; 
    elem = document.getElementById(id); 
    Display(elem); 
    mytimeout = setTimeout(DisplayElem(), 2000) 
    if(compteur == 6) 
    { 
     window.clearTimeout(mytimeout); 
    } 
} 

我得到這個錯誤：未捕獲的ReferenceError：塊未定義 在我的線上：elem.style.display = block;

當我打開我的頁面時，我希望我的所有div都不可見。但幾秒鐘後，我想對誰出現，而下一個，下一個...

謝謝

Answer 1

這是您的完整的工作代碼：

var compteur = 1; 
function Display (elem) { 
    elem.style.display = 'block'; 
} 

function DisplayElem() 
{ 
    var id = 't' + compteur; 
    elem = document.getElementById(id); 
    Display(elem); 
    compteur += 1; 
    if (compteur <= 6) 
     setTimeout(DisplayElem, 2000); 
} 

DisplayElem(); 

See the DEMO here

Answer 2

你已經忘記了串block周圍的分隔符：

function Display (elem) { 
    elem.style.display = 'block'; 
} 

邊注：除了設置超時最後一次，然後刪除它，只需跳過設置它：

if (compteur < 6) { 
    mytimeout = setTimeout(DisplayElem(), 2000) 
}