javascript - How to delay image display with external javascript

Question

I'm do it on external script :

var t=setTimeout(function(){document.write('<img src="/image.jpg" width="100" height="100" />')},10000)

then on main page :

<script type='text/javascript src='external.js' />

but after 10s main page just display full image.jpg, how to display the image on main page ? thank's

Answer 1

当您在页面渲染后执行 document.write 时，当前页面将被 document.write("") 中指定的内容覆盖。

如果打算在超时时显示图像，您可以在超时后更改预先存在的图像的可见性，或者您可以使用 document.createElement 动态创建新的图像元素。

Answer 2

如果您document.write在页面加载后调用它将是页面的内容。而不是使用document.write你可以让页面中的图像正常但隐藏（使用 css），然后在页面加载后 10 秒显示它。