fa-spin 在启动后停止并重新加载页面

Question

我在页面上添加了刷新按钮，因此它会重置井字游戏。但不是旋转而是开始旋转并立即停止。
据我所知，refresh1.classList.add("fa-spin"); 将 class 添加到元素中，然后页面重新加载。整页的link在这里
https://codepen.io/Y-Taras/pen/rrkKWz
与此问题有关的代码摘要：

    var reset = document.getElementsByClassName('hard-reset')[0];
    reset.addEventListener('click', resetAll);
    ...
    function hideFooter() {
    for (i = 0; i < tableElem.length; i++) {
        tableElem[i].innerHTML = "";
        tableElem[i].className = "";
    }
    footer.className = "hide";
}

function resetAll() {

    board = ['e', 'e', 'e', 'e', 'e', 'e', 'e', 'e', 'e'];
    hideFooter();
    var refresh1 = document.getElementById("refresh");
    refresh1.classList.add("fa-spin");}

HTML 部分：

<button class="hard-reset">
    <i id="refresh" class="fa fa-refresh fa-2x"></i>
</button>

Answer 1

表单中按钮的默认类型是 "submit"（但并非所有浏览器都适用！）只需将 type="button" 添加到您的按钮即可！

fa-spin 在启动后停止并重新加载页面

fa-spin stops after start and the page is reloaded

javascript

css

font-awesome