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秒后删除此课程并且图标将消失，您的问题将得到解决。

javascript - 按钮点击后的setTimeout

2 个答案: