使用localstorage在setInterval中显示对象数组数据

时间:2017-01-02 04:46:23

标签: javascript arrays local-storage

我有一个长度为4的对象数组。

    var employees = [
        { name: "Santosh", age:25, emp_id:23, date_of_birth: '23/10/2015'},
        { name: "jyoti", age:93, emp_id:97, date_of_birth: '14/05/2011'},
        { name: "abhishe", age:99, emp_id:96, date_of_birth: '01/11/2009'},
        { name: "Amir", age:77, emp_id:16, date_of_birth: '24/08/2005'}
    ];

我将这些数据显示为列表项。

在那4个列表项之后,我推送另一个数组(相同的数据 - 仅用于测试)和setInterval我在1分钟内循环数据。因此,每隔1分钟,它将逐个显示数据,并将停在第8个(4个静态数据+4个setInterval数据)位置。但每当我刷新页面时,它应该以相同的位置开始。

例如:如果setInterval循环正在进行并且它已经显示了2个以上的数据,当我刷新页面时,它应该从相同的位置开始并停止到第8个。

我已成功在setInterval中循环这些数据,但我不知道如何使用localstorage的逻辑。我对本地存储有基本的了解。

function update_array_with_time(){

    employees.push(employees[3])

    var len = employees.length;
    console.log(len);

    if(len === 5) {
        employees[4] = employees[0];
    } else if(len===8) {
        employees[7] = employees[1];
        window.clearInterval(setIntv);
    }
    loop_data(4,newemp.length)
    document.getElementById("new_emp").innerHTML = text;
}
var setIntv = setInterval(update_array_with_time, 1000);

我希望它从相同的位置开始,直到我重置时间。数组应该每1分钟循环一次,但在我的情况下,为了节省时间,我只有1秒的循环。

此处为plunker

中的代码

Plunker 2 我用localstorage创建了新的plunker。但仍然是令人耳目一新的数据。也曾经从没有开始。 5但现在从1开始。

有什么想法吗?

0 个答案:

没有答案