Javascript 制作一个令人敬畏的字体播放圈图标旋转几秒钟，然后加载一个模式

我想在我的网站上加入一个特别的功能，一个字体很棒的播放圈图标，点击后旋转几秒钟，然后加载一个包含youtube iframe的模式

---

另外，我只想要一个圆圈⭕️ 单击字体可怕的播放圆环图标的一部分可旋转se秒

单击字体可怕的圆环时，可通过向其添加fa旋转或fa脉冲类使其旋转。然后，您可以使用setTimeout函数等待5秒钟，然后打开iframe并删除fa spin/pulse类以停止旋转

以下是一个例子：

HTML:

<i class="fas fa-spinner" onclick="openVideo(this)"></i>

var isClicked = false //isClicked is here to prevent the user from triggering the function more that once
function openVideo(element) {
if (isClicked===false) {
  isClicked = true
  element.classList.add("fa-spin"); //Add class that makes it spin
  setTimeout(function() { //Wait 5 seconds
    //Code to open the youtube video goes here
    element.classList.remove("fa-spin") //Remove the class that makes it spin
    isClicked = false
  }, 5000)
}

---

希望这有帮助

那么你的问题是什么？怎么做？欢迎来到So！作为一名新用户，我建议您以最能让社区帮助您的方式查看有关提问的提示。你能更新你的帖子来澄清你的问题吗？更好的是，您能否在一个代码片段中提供一些代码，以显示您尝试了什么，预期/期望的行为是什么，以及实际的行为是什么？祝你好运，快乐！为了进一步澄清，不清楚您是在寻求改变旋转圈的旋转速度，还是仅在一定时间内显示旋转圈。无论哪种方式，提供一个片段都将对任何希望为您提供帮助的人非常有帮助。谢谢，先生，但它并没有真正起作用……您在任何社交媒体平台上吗？所以我可以给你们发一个我的意思的短片。我在学校里得到了一个克隆网站的项目，我对这个部分已经着迷了好几天了