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)
}

在Javascript中显示文本

2 个答案: