0

たとえば、10秒ごとに背景画像を変更する必要があります。html5で可能ですか？
ありがとう

4

2 に答える 2

3

これには JavaScript 関数を使用し、その関数自体で SetTimeOut を使用して、指定された時間間隔の後に同じ関数を呼び出すことができます。

次のことを試してください。

<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
var imageID=0;
function changeimage(every_seconds){
    //change the image
    if(!imageID){
        document.getElementById("myimage").src="http://www.all-freeware.com/images/full/38943-nice_feathers_free_screensaver_desktop_screen_savers__nature.jpeg";
        imageID++;
    }
    else{if(imageID==1){
        document.getElementById("myimage").src="http://www.hickerphoto.com/data/media/186/flower-bouquet-nice_12128.jpg";
        imageID++;
    }else{if(imageID==2){
        document.getElementById("myimage").src="http://www.photos.a-vsp.com/fotodb/14_green_cones.jpg";
        imageID=0;
    }}}
    //call same function again for x of seconds
    setTimeout("changeimage("+every_seconds+")",((every_seconds)*1000));
}
</script>
</head>

<body style='background:black;' onload='changeimage(2)'>
<div style='position:absolute;width:100%;height:100%;left:0px;top:0px;' align='center'><img width='300px' height='250px' id='myimage' src='http://www.photos.a-vsp.com/fotodb/14_green_cones.jpg'/></div>
</body>

</html>
于 2012-11-21T14:39:45.820 に答える
1

document.body.backgroundImage を設定するだけです。

これは、setInterval または setTimeout によって呼び出される関数で実行できます。

于 2012-11-21T14:17:42.347 に答える