如何延迟的图像显示与外部JavaScript

Question

我做它在外部脚本：

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

然后主页上：

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

但10秒后，主界面只显示全image.jpg的， 如何在主页面上显示图像？ 谢谢的

Answer 1

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

Answer 2

在页面呈现后执行document.write时，当前页面将被document.write（“”）中指定的内容覆盖。

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