javascript - 在javascript中每秒显示一行

Question

我想在 javascript 中每秒显示一行，但它不起作用...

https://jsfiddle.net/d9a784ta/

function showIt1() {
  document.getElementById("div1").style.visibility = "visible";
}
function showIt2() {
  document.getElementById("div2").style.visibility = "visible";
}
function showIt3() {
  document.getElementById("div3").style.visibility = "visible";
}

window.onload = function() {
setTimeout("showIt1()", 1000);
setTimeout("showIt2()", 2000);
setTimeout("showIt3()", 3000);
}

Answer 1

您可以将 display 属性与 block 值一起使用，因为它会覆盖初始的 display: none。

使用setTimeout ，您可以插入对该函数的引用，而无需使用字符串并为 id 提供参数并仅使用一个函数。

function showIt(id) {
    document.getElementById(id).style.display = "block";
}

window.onload = function() {
    setTimeout(showIt, 1000, 'div1');
    setTimeout(showIt, 2000, 'div2');
    setTimeout(showIt, 3000, 'div3');
};

#div1, #div2, #div3 { display: none; }

<div id="div1"><h1>1 line</h1></div>
<div id="div2"><h1>2 line</h1></div>
<div id="div3"><h1>3 line</h1></div>