延迟新页面加载，直到动画完成

Question

我想在点击导航链接时离开页面之前快速制作div。我怎么把它关掉？我在加载新页面之前完成动画时遇到问题。动画开始，然后在div移动之前加载页面。

Answer 1

var el = document.querySelector(".myelement");


el.addEventListener("animationstart", function() {}, false);
el.addEventListener("animationend", function() {el.onclick = navigateTo;}, false);
el.addEventListener("animationiteration", function() {}, false);

el.addEventListener( 'webkitTransitionEnd', 
function( event ) { alert( "Finished transition!" ); }, false );

function navigateTo() {
  location.href=this.href;
}

Using CSS animations

GlobalEventHandlers.onclick