<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery-1.11.3.min.js"></script>
<link rel="stylesheet" href="layui\css\layui.css">
<style type="text/css">
.c{
height: 100px;
width: 100px;
}
.bi{
background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1589629241091&di=6da3e788be2130266ed08e067f2bf95a&imgtype=0&src=http%3A%2F%2Fbpic.588ku.com%2Fback_pic%2F05%2F82%2F87%2F415c4935a9a8df7.jpg);
background-size: cover;
}
.mm{
height: 100px;
width: 100px;
}
</style>
</head>
<body class="bi">
<div class="c">
<img src="" class="mm">
</div>
<script type="text/javascript">
$(function(){
var arr = new Array();
arr[0]="ff.jpg";
arr[1]="ff2.jpg";
arr[2]="ff3.jpg";
var length = 0;
var $img = $('.mm');//接受一個jq對象
var domimg = $img[0];//jq轉成dom對象
setInterval(function(){//每2000毫秒實行一次
if(length==arr.length-1){//利用長度遍歷圖片
length=0;
}else{
length++;
}
//對象的src賦值
domimg.src=arr[length];
console.log(arr[length]);
},2000)
});
</script>
</body>
</html>
