如何使用外部JavaScript延迟图像显示

Question

我是在外部脚本上做的：

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

然后在主页上：

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

但10s后主页只显示完整的image.jpg， 如何在主页面上显示图像？ 感谢的

Answer 1

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

Answer 2

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

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