![](/img/trans.png)
[英]Change 'background-image' in 'body' tag after specific time interval
[英]Change background-image after specified time
我对javascript非常陌生,因此我什至没有尝试过道歉,因为我不知道如何开始。
我有3张图片。 Image1是png文件,Image2和Image 3是GIF动画。
我需要的是非常具体的。 我希望Image1在x秒后更改为Image 2,然后在y秒后更改为Image3。 加载Image3后,我希望该gif保留为页面背景。
任何帮助将非常感激...
好吧,这就是我目前所拥有的,
var delay1 = 104000;
var delay2 = 14000;
setBackground('Image1.png');
setTimeout(function() {
setBackground('Image2.gif');
setTimeout(function() {
setBackground('Image3.gif');
}, delay2);
}, delay1);
function setBackground(src) {
image.style.backgroundImage = 'url('Image1.png + Image2.gif + Image3.gif')';
}
运行时,完全不会加载背景图像。 对不起,如果我是一个完整的傻瓜。 就像我说的,我是javascript新手...
您正在寻找setTimeout
函数。 它接受两个参数:function和delay(ms),延迟后将调用函数。
var delay1 = 2000; // 2 seconds
var delay2 = 3000; // 3 seconds
setBackground('image-1.png');
setTimeout(function() {
setBackground('image-2.gif');
setTimeout(function() {
setBackground('image-3.gif');
}, delay2);
}, delay1);
function setBackground(src) {
image.style.backgroundImage = 'url(' + src + ')';
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.