单击后在jQuery中开始交错动画之前设置timeOut

时间:2019-07-04 20:19:27

标签: jquery animation settimeout

我有交错的动画,您会在点击时触发。我不确定如何在实际的交错动画开始前将延迟设置为1秒。

我只是不确定在哪里包含它。您按一下。等待1秒。然后开始交错动画。

jQuery(document).ready(function($) {
  var moveButton = document.querySelector('.RoundedAnimatedNavigationTrigger');
  var items = document.querySelectorAll('.RoundedAnimatedNavigation li');
  var isMoved = false;

  moveButton.onclick = function() {
    // toggle flag
    isMoved = !isMoved;

    for (var i = 0; i < items.length; i++) {
      var toggleItemMove = getToggleItemMove(i);

      // Change stagger timing
      setTimeout(toggleItemMove, i * 200);
    }
  };

  function getToggleItemMove(i) {
    var item = items[i];
    return function() {
      item.classList.toggle('is-moved');
    }
  }
});

0 个答案:

没有答案