自动切换背景图
作者:
shine001 | 来源:发表于
2022-02-23 14:30 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<div>
</div>
</body>
</html>
<script type="text/javascript">
var curIndex = 0;
//时间间隔(单位毫秒)，每秒钟显示一张，数组共有3张图片放在img文件夹下
var timeInterval = 2000;
//定义一个存放照片位置的数组，可以放任意个，在这里放3个
var arr = new Array();
arr[0] = "imgs/01.jpg";
arr[1] = "imgs/04.jpg";
arr[2] = "imgs/042.jpg";
setInterval(changeImg, timeInterval);
function changeImg() {
if (curIndex == arr.length - 1) {
curIndex = 0;
} else {
curIndex += 1;
}
//设置body的背景图片
document.body.style.backgroundImage = "URL(" + arr[curIndex] + ")"; //显示对应的图片
}
</script>
本文标题：自动切换背景图
本文链接：https://www.haomeiwen.com/subject/brmglrtx.html
网友评论