美文网首页
React ES6轮播图定时器的问题

React ES6轮播图定时器的问题

作者: 陌上c寒烟 | 来源:发表于2017-08-04 16:31 被阅读0次

//开启定时器

startTimer(){

//1.拿到scrollView

var scrollView = this.refs.scrollView;

//图片数组

var imgCount = ImgData.data.length;

//2.添加定时器

this.timer = setInterval(()=>{

alert('123');

//2.1设置圆点

var activePage = 0;

//2.2判断

if ((this.state.currentPage + 1)>=imgCount) {

//越界

activePage = 0;

}else{

activePage = this.state.currentPage + 1;

}

//2.3更新UI

this.setState({

currentPage:activePage

});

//2.4 让scrollView滚动起来

var offsetX = activePage * width;

scrollView.scrollResponderScrollTo({x:offsetX, y:0, animated:true});

},this.props.duration);

};

我在

相关文章

网友评论

      本文标题:React ES6轮播图定时器的问题

      本文链接:https://www.haomeiwen.com/subject/ptelzttx.html