အသုံးပြုပုံ:

အရောက်များကို အသုံးပြု၍ လက်တင်ကြောင်း လေ့လာပါ

ဘားတိုက်အရောက်

亲自试一试

ပထမပြိုင်နက် - HTML ထပ်ပေါင်းပြီ:

<div id="charging" class="fa"></div>

ဒုတိယပြိုင်နက် - Font Awesome အရောက်အချက်အလက်များ ထပ်ပေါင်းပြီ:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

ကျွန်ုပ်၏ Font Awesome 教程 Font Awesome နှင့် ပိုမိုသိရှိကြားပါ

တတိယပြိုင်နက် - JavaScript ထပ်ပေါင်းပြီ:

<script>
function chargebattery() {
  var a;
  a = document.getElementById("charging");
  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>

亲自试一试

အကျယ်တမ်းများ:

ဒီအကျယ်တွင် ဘားတိုက်အရောက်နေကြောင်း ချမ်းသာရသည် သော်လည်း အမှန်တကယ်မှာ အရောက်များ တစ်ခုခုကို ပြတင်သည်ဟု ထင်မြင်သည်。

အမည်ရှိ chargebattery() သည် အရောက်များ၏ ပြောင်းလဲခြင်း နှင့် ပြတင်ခြင်းတို့ကို ပိုင်ပါသည်。

ဒီအပေါ်တွင် အရောက်ကို ပြတင်သည်:

တစ်စက္ကန့်အကြာတွင် အရောက်ကို တခုတည်းသော အရောက်ကို ပြောင်းလဲသည်:

ခုနစ်စက္ကန့်တွင် အရောက်ရှိသော နည်းပါးကို တခုတည်းသော အရောက်ကို ပြောင်းလဲကာ "ဘားတိုက်အရောက်နှင့်" ဖြစ်သည့်အထိ ပြောင်းလဲလျှင်းပြီးသည်。

ဒီဆောက်ပြီးကို ၅ စက္ကန့်တွင် ပြန်ပြောင်းကာ အနောက်ပိုင်းသည် ဘားတိုက်အရောက်နေကြောင်း ချမ်းသာရသည်。

更多动画图标

实例

亲自试一试

实例

亲自试一试

实例

亲自试一试

实例

亲自试一试

实例

亲自试一试

实例

亲自试一试