需求说明:
在一个大屏页面中每次要显示不超过pageSize个元素,数据源是通过js查询到的一个数组:realAry,页面当前显示的数据为数组:deviceAry,数组realAry中元素的个数是不确定,要求程序要根据数组中元素的个数来确定是否需要翻页,在页面加载完成后要立即显示第一页,如果页数超过1页,则需要翻页,翻页的时间间隔为2秒,当翻页到最后一页后,需要再从第一页开始,一直循环。
js的方法实现如下:
var sum = realAry.length;
var now = 0;
var pageSize = 5;
this.deviceAry = new Array(pageSize);
for(i = 0; i < pageSize && i < sum; i++){
this.deviceAry[i] = realAry[now];
now++;
}
if(realAry.length < pageSize){
return;
}
var that = this;
setInterval(function () {
that.deviceAry = new Array(pageSize);
for (var i = 0; i < pageSize; i++) {
if (now == sum) {
now = 0;
break;
}
that.deviceAry[i] = realAry[now];
now++;
}
}, 2000);