ວິທີການກໍ່ສ້າງ:

ຮຽນວິທີພິມມິວດາວາກະຕຸ້ນ.

ກະຕຸ້ນມິວດາວາ

亲自试一试

ຂັ້ນຕອນທີ 1 - ບັນຈຸ HTML:

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

ຂັ້ນຕອນທີ 2 - ບັນຈຸສຳນັກງານມິວດາວາກະຕຸ້ນ 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.

ຂັ້ນຕອນທີ 3 - ສະແດງ 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>

亲自试一试

ການອະທິບາຍຄວາມ:

ການຄິດຂອງມັນແມ່ນວ່າມີຄວາມກຳລັງກະຕຸ້ນມາບາງ, ແຕ່ໃນຄວາມຈິງຈະສະແດງຕົວອອກຈະມີ 5 ຕົວອອກທີ່ແຕກຕ່າງກັນ.

ມີຊື່ chargebattery() ກອງການນີ້ຮັບຜິດຊອບສຳລັບການປ່ຽນທີ່ຕົວອອກແລະສະແດງທັງໝົດ.

ກອງການນີ້ທຳອິດຈະສະແດງຕົວອອກບາງມິວດາວາກະຕຸ້ນສະຫຼາກ:

ພາຍຫຼັງຫຼັງທີ່ 1 ວັນນະຍິນວັນໜຶ່ງທີ່ຕໍ່ມາກະຕຸ້ນຈະຖືກປ່ຽນດ້ວຍຕົວອອກໃໝ່:

ທຸກວັນນະຍິນວັນໜຶ່ງຈະແທນທີ່ຕົວອອກມາຈາກຕົວອອກດັ່ງກ່າວຈົນກວ່າວ່າ“ບາງມິວດາວາກະຕຸ້ນ”.

ຂະບວນການນີ້ຖືກກວດສອບທັງໝົດ 5 ວັນນະຍິນວັນໜຶ່ງລວມວ່າມີຄວາມຮູ້ສຶກວ່າມີຄວາມກຳລັງກະຕຸ້ນມາບາງ.

更多动画图标

实例

亲自试一试

实例

亲自试一试

实例

亲自试一试

实例

亲自试一试

实例

亲自试一试

实例

亲自试一试