|
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_animate_charging <!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 chargebattery() { var a; a = document.getElementById("div1"); a.innerHTML = ""; setTimeout(function () { a.innerHTML = ""; }, 1000); setTimeout(function () { a.innerHTML = ""; }, 2000); setTimeout(function () { a.innerHTML = ""; }, 3000); setTimeout(function () { a.innerHTML = ""; }, 4000); } chargebattery(); setInterval(chargebattery, 5000); </script> <p>This example demonstrates how to use an icon library to make an animated effect.</p> </body> </html> |