第一种是一组json数据实现分页的效果,也就是每一次展示5条数据。
第二种场景是每一秒展示4条数据,直到全部显示完。
两种思路都做个笔记记录下。
var nums = 5; //每页出现的数量
var pages = Math.ceil(data.length/nums); //得到总页数
var thisDate = function(curr){
//此处只是演示,实际场景通常是返回已经当前页已经分组好的数据
var str = '', last = curr*nums - 1;
last = last >= data.length ? (data.length-1) : last;
for(var i = (curr*nums - nums); i <= last; i++){
str += '<li>'+ data[i] +'</li>';
}
return str;
};
//另一种写
2.
var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var index = 0;
var i = 0;
var setId = setInterval(function () {
for (; i < index; i++) {
if(!arr[i]){
clearInterval(setId);
return;
}
console.log(arr[i]);
}
index += 4;
}, 1000);