设置按钮单击后超时

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>'); 
});
setTimeout(function(){
$(this).removeClass("fa-spin");
}, 5000);
});

我猜你的类fa-spin显示图标。因此，如果您在 5s 后删除此类并且图标将消失，您的问题将得到解决。

Answer 2

您可以通过以下代码执行您的功能

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