javascript - 如何设置动画图标在一段时间后停止

标签 javascript jquery font-awesome

我有以下代码要在事件发生后显示:

$("span[name|='ttimer'").html("<i class='fa fa-refresh fa-spin fa-5x' aria-hidden='true'></i> ");

如何让旋转运动持续例如 3 秒然后停止运动?

最佳答案

也许你正在寻找这个,animation-iteration-count

div {
    animation-iteration-count:3;
    -webkit-animation-iteration-count:3; /* Safari and Chrome */
}

这种方式让你不必删除类名

关于javascript - 如何设置动画图标在一段时间后停止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45343768/

相关文章:

javascript - 单击内部链接时避免转到 block 元素的链接

javascript - 我可以使用 javascripts window.print 将 zpl 打印到通过 USB 连接的 Zebra 打印机吗?

javascript - 使用 Javascript 和 HTML 创建幻灯片放映

javascript - 不显眼的 JQuery 无法在 IE8 中运行?

css - 用 css 文件中的 fontawesome 插入符号替换插入符号 png

javascript - 如何使用 jquery 将按钮文本更改为 Font Awesome 图标

javascript - ASPX URL 产生一个 JSON 字符串,使用 jQuery DataTable 使用

javascript - jQuery 中的无限时间间隔

javascript - 从 jQuery 中的字符串解析 JSON

jsp - Fontawesome图标不显示