<html>
<body>
<script>
setTimeout(function(){
document.body.style.background = <img src="1.jpg"</img>
},33);
</script>
</body>
</html>
setTimeout の後に画像を表示する方法を知りたいと思っていました。ありがとう
<html>
<body>
<script>
setTimeout(function(){
document.body.style.background = <img src="1.jpg"</img>
},33);
</script>
</body>
</html>
setTimeout の後に画像を表示する方法を知りたいと思っていました。ありがとう
これを試して:
setTimeout(function () {
document.body.style.backgroundImage = "url('1.jpg')";
}, 33);
このような何かがそれを行います:
setTimeout(function(){
document.body.style.background="url(1.jpg)";
},33);
タイムアウトはミリ秒単位で指定されることに注意してください。ユーザーにとって、33 ミリ秒は、CSS を使用して背景を直接追加する場合と比較して、おそらく顕著な違いはありません。
background-image
背景画像を設定するには、CSSプロパティを使用する必要があります。CSS スタイルシートを提供しておらず、javascript を介してプロパティを動的に変更したい場合は、style
属性を使用する必要があります。
この W3C wiki Dynamic style - manipulating CSS with JavaScriptstyle
には、属性に関する優れた説明があります。CSS 属性に対応する多数の属性があります。属性の CSS プロパティ名はCamelCaseでstyle
定義されているため、実際には.background-image
backgroundImage
したがって、背景画像を要素に動的に設定するには、次をdocument.body
使用できますdocument.body.style.backgroundImage="url('1.jpg')";
(あなたのタイマー機能はすでに大丈夫でした)