搜 索

js实现网页定时自动更换背景图片

编辑:QTOOL.NET日期:2019-05-2734

分享两种实现网站中的页面自动更换背景图片.
方法一、 按照填入数组的顺序循环重复显示图片
代码如下:
<img id="tupian" src="文件夹地址/tu1.jpg" /> 
var pic = ["tu1.jpg", "tu2.jpg", "tu3.jpg"];  //设置需要显示的背景图片
var i = 0;              
function time1() {              
i++;                 
i = i % 3;   //取余,循环0、1、2              
document.getElementById("tupian").src = "文件夹地址/" + pic[i];       
}
setInterval("time1()", 6000);//每张图片循环6秒
 
方法二、随即显示填入数组中的背景图片
代码如下:
<img id="tupian" src="文件夹地址/tu1.jpg" /> 
 
var pic = ["tu1.jpg", "tu2.jpg", "tu3.jpg"];  //设置背景图地址   
function time2() {              
var i = Math.floor(Math.random() * (3 + 0) + 0); //获取随机数               
document.getElementById("tupian").src = "文件夹地址/" + pic[i];      
}
setInterval("time2()", 6000); //每张图片循环6秒
以上方法可以实现每隔6秒更换一次背景图片。

TAG标签:js
此文章由QTOOL.NET编辑
最新文章

热门标签