Javascript 区间内数组的滑动值

我创建了一个包含11个值的数组。我试图在间隔期间滑动数组的值。我正在尝试的是，每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. `

---

您在这里描述的是一个队列。您可以在一端输入元素，然后在另一端无声地删除它们。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);

---

如果您提供了一个包含输入和预期输出的示例，则更容易理解您想要什么。getNewValue（）每隔一秒钟返回一个新值。