如何在加载并显示所有其他元素后显示元素三秒钟？

Question

加载HTML页面时，您使用JavaScript中的哪个函数在所有其他元素加载并显示三秒后显示元素？

Answer 1

您可以使用setTimeout。

3秒后显示一个元素

http://jsfiddle.net/1cv9xsn5/1/

<强> CSS

.hidden {
    display:none;
}

<强> HTML

<div id="threeSeconds" class="hidden">Won't show up for 3 seconds</div>

<强>的Javascript

// attach to window.onload
setTimeout(function(){

    var modifiedClass = document.getElementById('threeSeconds').className.replace(/\bhidden\b/, '');
    document.getElementById('threeSeconds').className = modifiedClass;

}, 3000);

使元素在3秒后消失

http://jsfiddle.net/1cv9xsn5/

<强> CSS

.hidden {
display:none;
}

<强> HTML

<div id="threeSeconds">Here I am, for three seconds</div>

<强> JS：

// attach to window.onload
setTimeout(function(){

    document.getElementById('threeSeconds').className += ' hidden';

}, 3000);

您应该将setTimeout附加到window.onload事件。如果您按照davidkonrad的建议附加到document.onload，则可能尚未加载图片和外部内容。