Javascript 用动画更改按钮图标

我正在使用引导图标和javascript，我想知道如何以动画方式更改图标

toClipboard: function (refElementName, sender) {
    let btn = $(sender);
    let btnIcon = btn.find("i")

    $("[name='" + refElementName + "']").select()
    document.execCommand("copy")
    
    btn.fadeOut(400)
    btnIcon.attr("class", "bi bi-clipboard-check")
    btn.delay(400)
    btnIcon.attr("class", "bi bi-clipboard")

}

html

好了

要更改按钮的de图标，只需使用jquery中的.html，如下所示：

btn.fadeOut(400)
btnIcon.html("<i class="bi bi-clipboard-check"></i>")
btn.delay(400)
btnIcon.attr("<i class="bi bi-clipboard"></i>")

btn.fadeOut（400）
btnIcon.html（“”）
基站延迟（400）
btnIcon.attr（“”）

祝你有愉快的一天
 这就是你要找的吗

单击“淡出”图标，然后设置超时以在图标淡出后更改图标类，然后将图标重新淡入


功能到电路板（参考元件名称，发送者）{
设btn=$（发送方）；
让btnIcon=btn.find（“i”）
$（“[name=”+refElementName+“]”）。选择（）
document.execCommand（“复制”）
基站衰减（400）
setTimeout（函数（）{
btnIcon.removeClass（“bi剪贴板”）.addClass（“bi剪贴板检查”）
}, 400)
btn.fadeIn（400）
}

请在您的问题中添加更多详细信息和答案。看……太好了，非常感谢
btn.fadeOut(400)
btnIcon.html("<i class="bi bi-clipboard-check"></i>")
btn.delay(400)
btnIcon.attr("<i class="bi bi-clipboard"></i>")