如何让网页中图片等待5秒再显示_html/css_WEB-ITnose

回复讨论(解决方案)

1. 图片载入有判别事件，在事件中设置图片对象的显示隐藏
2. 网页加定时器，到了5s,把指定图片显示出来

JS定时器setInterval

用js控制啊，setTimeout()

使用定时器setInterval

setTimeout() 是在事件触发之后的一定时间后执行定义的函数 只执行一次 执行时间自己定义
setInterval() 是在事件触发后每隔一定时间就执行一次 时间自定义 是重复执行
楼主自己选择吧

2楼代码错误很多：
1、根据要求，首先就应该用setTimeout()而不是setInterval()，这个7楼已经转录了函数说明。
2、而且要在5秒后显示的话，根本不需要设置一秒事件并进行计数，画蛇添足了。
3、如果使用setInterval()，在触发了显示操作之后，应该用clearInterval()来取消不必要的继续计时。

正确做法是直接使用setTimeout(),直接5秒一步到位：


document.getElementById("theforever").style.display="none"
setTimeout(function(){
document.getElementById("theforever").style.display="block";
}
,5000);

$("object").delay("5000").animate();