在指定时间后更改背景图像
Change background-image after specified time
我对javascript很陌生,很抱歉我甚至没有尝试过,因为我甚至不知道如何开始。
我有3张照片。Image1是一个png文件,Image2和Image3是动画gif。
然而,我需要的是非常具体的。我希望Image1在x秒后更改为Image2,然后在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
函数。它接受两个参数:函数和延迟(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 + ')';
}
相关文章:
- 可以在这里为背景图像设置滤镜吗
- 使用 js 将背景图像设置为 HTML
- 如何使用css动画/javascript使具有背景图像的元素出现
- 循环浏览多个身体背景图像
- 背景图像顶部的滚动图像不移动
- 在pdfmake中嵌入背景图像
- 修复选择菜单时的背景图像
- 使用css()设置背景图像;不起作用
- 鼠标悬停时如何居中放大背景图像
- 强制谷歌为javascript背景图像编制索引
- 淡入不带HTML的背景图像
- 具有淡入淡出效果的全背景图像
- 未加载随机背景图像
- 背景图像前显示Javascript警报
- javascript背景图像位置循环
- CSS动画背景图像的过渡越来越暗
- "Ken Burns效应”;悬停背景图像
- 通过ID JavaScript显示随机背景图像
- JavaScript背景图像
- 带有图像和背景图像的ClipTo