js用构造函数实现轮播图效果

function AutoPlay(){
   
				this.imgList = document.getElementById("img-list");
				this.banner = document.getElementById("banner");
				this.arr = document.getElementById("arr");
				this.toLeft = document.getElementById("toLeft");
				this.toRight = document.getElementById("toRight");
				this.navList = document.getElementById("banner-nav-list");
				this.navLi = this.navList.children;
				this.imgLi = this.imgList.children;
				this.index = 0;
				this.timer = null;
			}
			AutoPlay.prototype.init = function(){
   
				this.auto();
				this.bannerOver();
				this.bannerOut();
				this.leftClick();
				this.rightClick();
			}
			AutoPlay.prototype.auto = function(){
   
			/* 	this.timer = setInterval(function(){
					if(this.index === this.imgLi.length-1){
						this.imgList.style.left = 0;
						this.index = 1;
					}else{
						this.index++;
					}
					console.log(this.index)
					var j = this.index === this.imgLi.length-1 ? 0 : this.index;
					this.potoMove(j); e	th uk.'' = "active";
					
				}.bind(this),1000); */
				
				// this.timer = setInterval(this.indexChange,1000);//直接将indexChange方法作为回调,方法内部this是window
				this.timer = setInterval(this.indexChange.bind(this),1000);
				
				return this;
			}
			AutoPlay.prototype.indexChange = 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值