W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <style> #div1 { font-size:48px; } </style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <body> <div id="div1" class="fa"></div> <script> function smile() { var a; a = document.getElementById("div1"); a.innerHTML = ""; setTimeout(function () { a.innerHTML = ""; }, 1000); setTimeout(function () { a.innerHTML = ""; }, 2000); setTimeout(function () { a.innerHTML = ""; }, 3000); } smile(); setInterval(smile, 4000); </script> <p>这个例子演示了如何使用图标库来制作动画效果。</p> </body> </html>