Как отложить действие кнопки до окончания перехода через JS

Question

У меня есть кнопка с анимацией наведения. Эта кнопка перенаправляет на другую страницу. Каждый раз, когда я нажимаю на кнопку. Действие перенаправления происходит немедленно до начала перехода. Как я могу отложить действие до завершения перехода? Я использую

window.location.href = ""

для выполнения действия перенаправления

Answer 1

Я предполагаю, что вы используете переход CSS и можете дождаться animateend обратного вызова , описанного здесь .

Возможно, есть простой способ сделать это, вычислить / выяснить, сколько времени требуется для завершения перехода, и подождать это время с помощью timeout.

Вы можете попробовать что-нибудь в строке:

function btnClicked() {
    setTimeout(
        function() {
            window.location.href = "";
        }, 
        500  // suppose, your transition take 500ms to complete
    );
}

Answer 2

вероятно, самым простым было бы просто отложить перенаправление по времени и настроить время задержки в зависимости от продолжительности анимации:

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