0 
<html>
<body>
<script>
setTimeout(function(){
document.body.style.background = <img src="1.jpg"</img>
},33);
</script>
</body>
</html>

我想知道如何让图像在 setTimeout 之后出现。谢谢

4

3 回答 3

2

尝试这个：

setTimeout(function () {
  document.body.style.backgroundImage = "url('1.jpg')";
}, 33);
于 2013-02-12T14:14:49.717 回答
0

为了设置背景图片，您需要使用 CSSbackground-image属性。鉴于您没有提供 CSS 样式表，并且您想通过 javascript 动态更改属性，您需要使用该style属性。

这个 W3C wiki Dynamic style - manipifying CSS with JavaScript对style属性有很好的解释。它有许多与 CSS 属性相对应的属性。考虑到属性的 CSS 属性名称是在CamelCasestyle中定义的，实际上也是如此。background-imagebackgroundImage

因此，为了将背景图像动态设置为document.body元素，您可以使用document.body.style.backgroundImage="url('1.jpg')";

（你的定时器功能已经好了）

于 2013-02-12T15:22:54.880 回答
0

这样的事情会做到这一点：

setTimeout(function(){
    document.body.style.background="url(1.jpg)";
},33);

演示

请注意，超时以毫秒为单位。对于用户而言，与直接通过 CSS 添加背景相比，33 毫秒可能不会产生明显的差异。

于 2013-02-12T14:15:02.510 回答