HTML代码
<div class="viewpager">
<img src="/static/index/images/banner1.jpg" id="change"/>
</div>
3张图片
//原生获取DOM对象
//var change=document.getElementById('change');
//jQuery获取DOM对象
var change=$('#change')[0];
var y=1;
setInterval(function(){
y++;
//判断图片是否已经全部切换完,切换完重新开始
if(y==4){
y=1;
}
//设置新的图片路径
var url='/static/index/images/banner'+y+'.jpg';
//原生,将新的路径给回去
//change.setAttribute('src',url);
//jQuery将新的路径给回去
$('#change').attr({'src':url});
},2000)