我有交错的动画,您会在点击时触发。我不确定如何在实际的交错动画开始前将延迟设置为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');
}
}
});