我想在 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);
}
最佳答案
您可以将 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>
关于javascript - 在 javascript 中每秒显示一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41213183/