在区间内滑动数组的值

时间:2013-10-21 07:23:57

标签: javascript intervals

我创建了一个包含11个值的数组。我试图在间隔期间滑动我的数组的值。我正在尝试,每n ms将一个值滑动到我创建的数组的下一个位置。每个inteval我初始化第一个值,所以我想要幻灯片效果。

var barArray = [0,0,0,0,0,0,0,0,0,0,0];
var interval = 0; 

 setInterval(function() {

    temporal = getNewValue; //getting with a function new value

    barArray[0] = temporal;

    if(interval == barArray.length)
    {
        interval = 0;
    }


            for (var i = 0; barArray.length; i++){
            // code missing
  }


}, 1000);

在没有找到解决方案的情况下,我尝试了很多东西。

输出:

      1st interval: [76, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]                                    
      2nd interval: [55, 76, 0, 0, 0, 0, 0, 0, 0, 0, 0]
      3rd interval:  [32,55, 76, 0, 0, 0, 0, 0, 0, 0, 0]
      11th interval: [..., 32, 55, 76] 
      12th [..., 32,55] ect. `

1 个答案:

答案 0 :(得分:1)

这里描述的是一个队列。您在一端输入元素,然后在另一端静默删除它们。 JavaScript数组具有在数组两端添加和提取元素的功能(push / pop和shift / unshift)。

最后,一个完整的解决方案是:

var barArray = [0,0,0,0,0,0,0,0,0,0,0];

setInterval(function() {
  barArray.unshift(getNewValue());
  barArray.pop();
}, 1000);