頁面加載後顯示文本（香草JavaScript）

Question

我有幾個div標籤，我想讓他們出現在頁面加載後幾秒鐘。你可以在jQuery中回答，但是Vanilla JS是首選。我嘗試了一些我在Stack找到的答案，但都沒有成功。

Answer 1

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

div { 
 
    opacity: 0; 
 
    transition: opacity 2s; 
 
} 
 

 
.show { 
 
    opacity: 1; 
 
}

<div>Hello</div>

Answer 2

確定您在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 3

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

你的ID爲DIV 「someId」 應該具有的風格= 「顯示：無」