javascript-單擊按鈕后的setTimeout

Question

單擊按鈕后如何設置setTimeout '功能？

我希望微調器圖標在5秒鍾后消失。

這是我的JavaScript：

$(function()
    {
        $('#btnreg').click(function()
        {
            $(this).html('<i class="fas fa-cog fa-spin">');

        });
    });

這是我按鈕的HTML：

<button type="submit" name="register" id="btnreg" class="btn btn-primary btn-block btn-large">Start</button>

感謝和問候！

Answer 1

您可以通過以下代碼來實現功能

$(function()
{
    $('#btnreg').click(function()
    {
        $(this).html('<i class="fas fa-cog fa-spin"></i> start');
        setTimeout(function(){
            $('#btnreg').html('start');
        }, 5000);
    })
})

Answer 2

$(function(){ 
  $('#btnreg').click(function(){ 
    $(this).html('<i class="fas fa-cog fa-spin"></i>'); 
    });
    setTimeout(function(){
      $(this).removeClass("fa-spin");
}, 5000);
    });

我猜fa-spin是您的全班顯示圖標。 因此，如果您在5秒鍾后刪除此類並解決了問題，圖標將消失。