javascript - 如何在按钮的帮助下使用 html、css 和 javascript 重定向网页

Question

如何在按钮的帮助下使用 HTML、CSS 和 JavaScript 重定向网页。此外，我希望在单击按钮时具有 CSS 效果。我想在CSS效果完成后将一个网页重定向到另一个网页

我尝试在 CSS 效果后重定向网页。

它只对重定向有效，当我点击重定向按钮时不显示 CSS 效果

<a>
    <div class="grid__item theme-1">
        <button class="action"></button>
        <button class="particles-button">Home</button>
    </div>
</a>

我想在单击按钮时完成 CSS 效果后重定向网页

Answer 1

$(".particles-button").on("click",function(e){
e.preventDefault();

$(this).addClass("css_effect_class");

//set the time when your css effect completes
setTimeout(function(){ 
window.location.href="http://stackoverflow.com";
 }, 3000);
});