Question

我有几个div标签，我想让它们在页面加载后几秒钟出现。您可以在jQuery中回答，但Vanilla JS是首选。我尝试了一些我在Stack上找到的答案，但都没有。

Answer 1

确认你是用JS做的;没有Jquery;我的建议是等待DOM准备好;然后在你的div中添加一个类; 以下类可能具有不透明度：1时;默认情况下;你的div有不透明度：0。

document.addEventListener("DOMContentLoaded", function(event) { 
  setTimeout(function(){ 
     console.log("Let's show my div"); 
     document.getElementsById("mydiv").setAttribute("class", "visibleClass");
  }, 3000);
});

Answer 2

window.addEventListener("load", function() {
    setTimeout(function() {
      document.getElementById("someId").style.display="block";
    }, 2000);
})

ID为“someId”的DIV应该有style =“display：none”

Answer 3

＆＃13;

setTimeout(() => document.querySelector('div').classList.add('show'), 1000);

＆＃13;

div {
  opacity: 0;
  transition: opacity 2s;
}

.show {
  opacity: 1;
}

＆＃13;

<div>Hello</div>

＆＃13;

页面加载后显示文本秒数（Vanilla JavaScript）

3 个答案: