JavaScript: รายการเวลาที่สร้างขึ้นแบบไดนามิก

ฝากรูป 27736851 วิ

ฉันไม่ใช่โปรแกรมเมอร์ แต่ฉันสามารถเขียนโปรแกรมได้ค่อนข้างน้อย วันนี้เป็นต้นแบบอินเทอร์เฟซที่เราจะสร้างรายการดรอปดาวน์แบบไดนามิกโดยแบ่งเป็นเวลาทุกๆ 5 นาที ช่วงเวลาเหล่านี้สามารถเปลี่ยนแปลงได้ขึ้นอยู่กับวันที่เลือก

แทนที่จะต้องสร้างรายการด้วยตนเอง ฉันใช้เทคนิคการวนรอบด้วย JavaScript เพื่อสร้างรายการแบบไดนามิก เพียงใส่เวลา 'จาก' และ 'ถึง' โดยใช้นาฬิกาแบบ 24 ชั่วโมง แล้วสคริปต์จะจัดการที่เหลือเอง!

เนื่องจากฉันไม่ใช่โปรแกรมเมอร์และเพื่อนที่ดีของฉัน Ade Olonoh คือ... ฉันขอความคิดเห็นเกี่ยวกับการทำงานของฉัน นี่คือเวอร์ชันทำความสะอาดของเขา:

ฟังก์ชัน getTime (จากถึง) {var select = ' '; var ampm = 'AM'; สำหรับ (var hour = from; hour> = to; hour ++) {var hour12 = hour> 12? ชั่วโมง - 12: ชั่วโมง; ถ้า (ชั่วโมง> 11) ampm = 'PM'; สำหรับ (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + นาที: นาที; เลือก + = ' '+ hour12 +': '+ min0 +' '; }} เลือก + = ' '; document.getElementById ('timelist'). innerHTML = เลือก; }

หากคุณไม่ต้องการเติม div แบบไดนามิก คุณสามารถทำคำสั่ง document.write เช่น:

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

อัปเดต: นี่เป็นอีกตัวอย่างหนึ่งที่คุณสามารถตั้งค่าช่วงเวลาเป็นนาที

ฟังก์ชัน getTime (จากถึง int) {var select = ' '; var ampm = 'AM'; สำหรับ (var hour = from; hour> = to; hour ++) {var hour12 = hour> 12? ชั่วโมง - 12: ชั่วโมง; ถ้า (ชั่วโมง> 11) ampm = 'PM'; สำหรับ (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + นาที: นาที; เลือก + = ' '+ hour12 +': '+ min0 +' '+ ampm +' '; }} เลือก + = ' '; กลับเลือก; }

นี่คือคำสั่งเขียน:

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

ฉันต้องการป้อนเวลาในฟังก์ชันได้จริง ๆ เช่น getTime(8:15AM, 11PM, 00) ผู้รับใด ๆ

Douglas Karr

Douglas Karr 

Douglas Karr เป็นผู้ก่อตั้ง Martech Zone และได้รับการยอมรับจากผู้เชี่ยวชาญด้านการเปลี่ยนแปลงทางดิจิทัล ดั๊กเป็น ปาฐกถาพิเศษและวิทยากรการตลาด. เขาเป็นรองประธานและผู้ร่วมก่อตั้ง Highbridgeบริษัท ที่เชี่ยวชาญในการช่วยเหลือ บริษัท ระดับองค์กรในการเปลี่ยนแปลงทางดิจิทัลและเพิ่มการลงทุนด้านเทคโนโลยีโดยใช้เทคโนโลยี Salesforce เขาพัฒนากลยุทธ์การตลาดและผลิตภัณฑ์ดิจิทัลสำหรับ Dell Technologies, GoDaddy, Salesforce, เทรนด์เว็บและ สมาร์ทโฟกัส. ดักลาสยังเป็นผู้เขียน บล็อกขององค์กรสำหรับ Dummies และผู้ร่วมงานของ หนังสือธุรกิจที่ดีกว่า.

4 คอมเมนต์

ตอบกลับ→

  1. 1
  2. 3
  3. 4

    สวัสดี

    คุณทำให้คุณกลับการเปรียบเทียบ นี่คือรหัสแก้ไขที่ใช้ได้สำหรับฉัน ขอบคุณสำหรับการแบ่งปัน!

    var เลือก =”;
    var ampm = 'AM';
    สำหรับ (var hour = from; hour 11) {
    ampm = 'น.';
    }
    var hour12 = ชั่วโมง> 12? ชั่วโมง - 12: ชั่วโมง;
    สำหรับ (var min = 0; min <60; min + = mins) {
    var min0 = นาที <10? '0' + นาที: นาที;
    เลือก + = '' + hour12 + ':' + min0 + '' + ampm +”;
    }
    }
    เลือก + =”;
    กลับเลือก;

    ตอบ

คุณคิดอย่างไร?

ไซต์นี้ใช้ Akismet เพื่อลดสแปม เรียนรู้วิธีการประมวลผลข้อมูลความคิดเห็นของคุณ.