Javascript 如何在JS中延迟按钮操作直到转换结束

我有一个带有悬停动画的按钮。此按钮将重定向到另一页。每当我点击按钮。重定向操作在转换开始之前立即发生。如何将操作延迟到过渡结束？我正在使用

window.location.href = ""

---

要执行重定向操作，最简单的方法可能是及时延迟重定向，并将延迟时间调整为动画所需的时间：

setTimeout(function(){ window.location.href = ""; }, 3000);

---

我假设您正在使用CSS转换，您可以等待

animateend

回调

也许有一种简单的方法可以做到这一点，计算/计算完成转换所需的时间，并使用

超时等待该时间

您可以尝试以下方式：

函数btnClicked（）{
设置超时(
函数（）{
window.location.href=“”；
}, 
500//假设您的转换需要500毫秒才能完成
);
}
检测到动画已结束后重定向。看见