foreach元素中的setTimeout不起作用

Question

我想要translate我滑块中的所有元素，但希望每个元素translate都有延迟，我有这个想法，这是我的代码：

 this.button_right.addEventListener( "click", function( e ) {

  e.preventDefault();
  self.items.forEach(function (element,index) {

   setTimeout(function(){
  element.style.transform = 'translate(-150px, 0)';
  },1000);

});

});

任何人都有更好的主意吗？

Answer 1

将delay与index

相乘

this.button_right.addEventListener("click", function(e) {
  e.preventDefault();
  self.items.forEach(function(element, index) {
    setTimeout(function() {
      element.style.transform = 'translate(-150px, 0)';
    }, (1000 * (index + 1)));
  });
});