javascript - 动态数组到本地存储/jstorage？

Question

我每 10 秒将值推送到我的数组中，该值由 div 上的 innerHTML 显示。

重新加载或访问其他网页时我想显示已经推送的内容和当前正在推送的内容。我已经完成了本地 stroage 和 jstorage 教程。

这就是我正在做的事情=:

localStorage.setItem('names', xyz);

我知道如何存储一个变量，但是当我们每 10 秒更新一个动态数组并且每 10 秒推送一次数据时该怎么办？我如何设置并获取这个动态数组当我转到其他链接时。

如果您对我的代码感兴趣:http://jsfiddle.net/vCcnB/

更新1----为了简化(如果你理解了就忽略。)这是我的 div 中显示的内容。Page1 表示页面，0,10,20 表示时间。

@ 10 seconds----[page1,0]
                [page1,10]

@20 seconds-----[page1,0]
                [page1,10]
                [page1,20]
    now a click to some other page.

@10 seconds----[page1,0]
               [page1,10]
               [page1,20]
               [page2,0]
               [page2,10]
    now a click to some other page.

@20 seconds----[page1,10]
               [page1,20]
               [page2,0]
               [page2,10]
               [page3,0]
               [page3,10]
               [page3,20]    

Answer 1

您可以使用 json 对象 来实现此目的，

localStorage.setItem('names', {'ABC','XYZ'}); //and so on

或json字符串如

var json={'ABC','XYZ'};
localStorage.setItem('names', JSON.stringify(json)); //and so on

要获取现有项目，请尝试此操作，

console.log(localStorage.getItem('names'));

阅读此内容 https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Storage