码迷,mamicode.com
首页 > 其他好文 > 详细

for循环每次展示固定条数的数据的写法。

时间:2016-12-29 10:48:16      阅读:366      评论:0      收藏:0      [点我收藏+]

标签:返回   ret   val   显示   ast   code   div   turn   interval   


第一种是一组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);

 

for循环每次展示固定条数的数据的写法。

标签:返回   ret   val   显示   ast   code   div   turn   interval   

原文地址:http://www.cnblogs.com/pengpenglin/p/6231846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!