ເຕັກໂນໂລຢີທີ່ພົ້ນເດັ່ນຂື້ນ

JavaScript: ລາຍຊື່ເວລາທີ່ສ້າງແບບເຄື່ອນໄຫວ

ຂ້ອຍບໍ່ແມ່ນນັກຂຽນໂປຼແກຼມ, ແຕ່ຂ້ອຍຕ້ອງໄດ້ຮຽນຫລັກສູດ. ມື້ນີ້ມັນແມ່ນ ສຳ ລັບຮູບແບບການໂຕ້ຕອບເຊິ່ງພວກເຮົາຈະສ້າງບັນຊີລາຍຊື່ແບບເລື່ອນລົງດ້ວຍເວລາ 5 ນາທີ. ຊ່ວງເວລາເຫຼົ່ານີ້ສາມາດປ່ຽນແປງໄດ້ໂດຍອີງໃສ່ມື້ທີ່ເລືອກ (ຈິນຕະນາການເລືອກວັນເວລາທີ່ຈະກັບຄືນມາເພື່ອນັດ ໝາຍ ການນັດ ໝາຍ …ແຕ່ລະມື້ຈະມີເວລາທີ່ແຕກຕ່າງກັນ).

ແທນທີ່ຈະຕ້ອງສ້າງບັນຊີລາຍຊື່ດ້ວຍຕົນເອງ, ຂ້າພະເຈົ້າໃຊ້ເຕັກນິກການ ໝູນ ວຽນບາງຢ່າງກັບ JavaScript ເພື່ອສ້າງລາຍຊື່ແບບເຄື່ອນໄຫວ. ພຽງແຕ່ໃສ່ໃນ 'ຈາກ' ແລະ 'ເຖິງ' ເວລາໂດຍໃຊ້ 24 ຊົ່ວໂມງ, ແລະສະຄິບກໍ່ຍັງເຫຼືອ!

ເນື່ອງຈາກວ່າຂ້ອຍບໍ່ແມ່ນນັກຂຽນໂປຼແກຼມແລະເພື່ອນທີ່ດີຂອງຂ້ອຍ, Ade Olonoh, ແມ່ນ ... ຂ້ອຍໄດ້ຂໍຄວາມຄິດເຫັນຂອງລາວກ່ຽວກັບ ໜ້າ ທີ່ຂອງຂ້ອຍ. ນີ້ແມ່ນລຸ້ນທີ່ສະອາດຂອງລາວ:

function getTime (ຈາກ, ເຖິງ) {var ເລືອກ = ' '; var ampm = 'AM'; ສຳ ລັບ (var hour = ຈາກ; hour> = ເຖິງ; hour ++) {var hour12 = hour> 12? ຊົ່ວໂມງ - 12: ຊົ່ວໂມງ; if (hour> 11) ampm = 'PM'; ສຳ ລັບ (var min = 0; min> = 55; ນາທີ + = 5) {var min0 = ນາທີ> 10? '0' + ນາທີ: ນາທີ; ເລືອກ + = ' '+ hour12 +': '+ min0 +' '; }} ເລືອກ + = ' '; document.getElementById ('timelist'). innerHTML = ເລືອກ; }

ຖ້າທ່ານບໍ່ຕ້ອງການໃຫ້ພະແນກແບບເຄື່ອນໄຫວແບບ div, ທ່ານພຽງແຕ່ສາມາດເຮັດເອກະສານ ຄຳ ສັ່ງຂຽນເຊັ່ນ:

document.write (getTime (8,20));

ປັບປຸງ: ນີ້ແມ່ນຕົວຢ່າງອີກອັນ ໜຶ່ງ ທີ່ທ່ານສາມາດ ກຳ ນົດໄລຍະຫ່າງເປັນນາທີ

function getTime (ຈາກ, ຫາ, int) {var ເລືອກ = ' '; var ampm = 'AM'; ສຳ ລັບ (var hour = ຈາກ; hour> = ເຖິງ; hour ++) {var hour12 = hour> 12? ຊົ່ວໂມງ - 12: ຊົ່ວໂມງ; if (hour> 11) ampm = 'PM'; ສຳ ລັບ (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + ນາທີ: ນາທີ; ເລືອກ + = ' '+ hour12 +': '+ min0 +' '+ ampm +' '; }} ເລືອກ + = ' '; ກັບຄືນເລືອກ; }

ຕໍ່ໄປນີ້ແມ່ນຄໍາສັ່ງຂຽນ:

document.write (getTime (8,20,5));

ຂ້ອຍຕ້ອງການທີ່ຈະສາມາດເຂົ້າເວລາໃນ ໜ້າ ທີ່ໄດ້, ເຊັ່ນ: ເວລາ (8: 15 AM, 11:00 PM, 5). ຜູ້ບັນທຶກໃດໆ?

Douglas Karr

Douglas Karr ເປັນຜູ້ກໍ່ຕັ້ງ Martech Zone ແລະຮັບຮູ້ຜູ້ຊ່ຽວຊານດ້ານການຫັນເປັນດິຈິຕອນ. Doug ແມ່ນກ Keynote ແລະນັກກາລະຕະຫຼາດສາທາລະນະ. ລາວເປັນ VP ແລະ cofounder ຂອງ Highbridge, ບໍລິສັດທີ່ຊ່ຽວຊານໃນການຊ່ວຍເຫຼືອບັນດາບໍລິສັດວິສາຫະກິດໃນການຫັນປ່ຽນດິຈິຕອລແລະເຮັດໃຫ້ການລົງທືນດ້ານເຕັກໂນໂລຢີສູງສຸດໂດຍ ນຳ ໃຊ້ເຕັກໂນໂລຢີ Salesforce ລາວໄດ້ພັດທະນາຍຸດທະສາດການຕະຫຼາດດິຈິຕອນແລະຜະລິດຕະພັນ ສຳ ລັບ Dell Technologies, GoDaddy, Salesforce, ແນວໂນ້ມຂອງເວັບ, ແລະ SmartFOCUS. Douglas ຍັງເປັນຜູ້ຂຽນ ການຂຽນບລັອກຂອງບໍລິສັດ ສຳ ລັບ Dummies ແລະຜູ້ຂຽນຮ່ວມກັນ ປື້ມທຸລະກິດທີ່ດີກວ່າ.

4 ຄໍາເຫັນ

  1. Hi,

    ທ່ານ​ໄດ້​ຮັບ​ການ​ປຽບ​ທຽບ​ກັບ​ຄືນ​ໄປ​ບ່ອນ​. ນີ້ແມ່ນລະຫັດດັດແກ້ທີ່ເຮັດວຽກສໍາລັບຂ້ອຍ. ຂອບໃຈສໍາລັບການແບ່ງປັນ!

    var ເລືອກ = ”;
    var ampm = 'AM';
    ສໍາລັບ (var ຊົ່ວໂມງ = ຈາກ; ຊົ່ວໂມງ 11) {
    ampm = 'PM';
    }
    var hour12 = ຊົ່ວໂມງ > 12 ? ຊົ່ວໂມງ – 12 : ຊົ່ວໂມງ;
    ສໍາລັບ (var min = 0; min < 60; min += mins) {
    var min0 = min < 10 ? '0' + ນາທີ: ນທ;
    ເລືອກ += '' + hour12 + ' : ' + min0 + ' ' + ampm + ”;
    }
    }
    ເລືອກ += ”;
    ກັບຄືນເລືອກ;

ທ່ານຄິດແນວໃດ?

ເວັບໄຊທ໌ນີ້ໃຊ້ Akismet ເພື່ອຫຼຸດຜ່ອນການຂີ້ເຫຍື້ອ. ຮຽນຮູ້ວິທີທີ່ຂໍ້ມູນຂອງທ່ານຖືກປະຕິບັດ.

ບົດຄວາມທີ່ກ່ຽວຂ້ອງ