JScript 超时触发器 <img>答案

【问题标题】：JScript Timeout trigger <img>JScript 超时触发器 <img>
【发布时间】：2013-02-12 14:12:03
【问题描述】：

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

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

【问题讨论】：

标签： javascript html timeout

【解决方案1】：

试试这个：

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

【讨论】：

欣赏测试用例:)

【解决方案2】：

这样的事情可以做到：

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

Demo

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

【讨论】：

【解决方案3】：

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

这个 W3C wiki Dynamic style - manipulating CSS with JavaScript 对 style 属性有很好的解释。它有许多与 CSS 属性相对应的属性。考虑到style 属性的CSS 属性名称是在CamelCase 中定义的，所以background-image 实际上是backgroundImage。

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

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

【讨论】：