javascript - 在区间内滑动数组的值

Question

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

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. `

Answer 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);