JavaScript: დინამიურად გენერირებული დროის სია

Depositphotos 27736851 s

მე არ ვარ პროგრამისტი, მაგრამ საკმაოდ ბევრს ვხვდები პროგრამირებაზე. დღეს ეს იყო ინტერფეისის პროტოტიპისთვის, სადაც დინამიურად შევქმნით სიას ჩამოსაშლელ დროში 5 წუთიანი ინტერვალით. ეს დროის დიაპაზონი შეიძლება შეიცვალოს არჩეული დღის საფუძველზე (წარმოიდგინეთ თარიღის არჩევა დასაბრუნებლად, დანიშვნის დასადგენად set ყოველ დღე განსხვავებული დრო გექნებათ ხელმისაწვდომი).

იმის ნაცვლად, რომ სიის ხელით შექმნა შევძლო, JavaScript– ით ვიყენებდი მარყუჟის ტექნიკას, სიის დინამიურად შესაქმნელად. უბრალოდ განათავსეთ თქვენი "საწყისი" და "to" დრო 24 საათიანი საათის გამოყენებით, ხოლო სკრიპტი დანარჩენს აკეთებს!

მას შემდეგ, რაც მე არ ვარ პროგრამისტი და ჩემი კარგი მეგობარი, ადე ოლონოჰი, არის ... მე ვთხოვე მის გამოხმაურებას ჩემი ფუნქციის შესახებ. აი მისი გაწმენდილი ვერსია:

ფუნქცია getTime (დან, დან) {var select = ' '; var ampm = 'AM'; for (var hour = from; hour> = to; hour ++) {var hour12 = საათი> 12? საათი - 12: საათი; if (საათი> 11) ampm = 'PM'; for (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + წთ: წთ; აირჩიეთ + = " '+ hour12 +': '+ min0 +' '; }} აირჩიეთ + = ' '; document.getElementById ('timelist'). innerHTML = აირჩიეთ; }

თუ არ გსურთ div დინამიურად შეავსოთ, შეგიძლიათ უბრალოდ გააკეთოთ დოკუმენტი. დაწეროთ ბრძანება, როგორიცაა:

დოკუმენტი.write (getTime (8,20));

განახლება: აქ არის კიდევ ერთი მაგალითი, სადაც შეგიძლიათ ინტერვალის დაყენება წუთებში

ფუნქცია getTime (საწყისი, დან, int) {var select = ' '; var ampm = 'AM'; for (var hour = from; hour> = to; hour ++) {var hour12 = საათი> 12? საათი - 12: საათი; if (საათი> 11) ampm = 'PM'; for (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + წთ: წთ; აირჩიეთ + = " '+ hour12 +': '+ min0 +' '+ ampm +' '; }} აირჩიეთ + = ' '; დაბრუნების არჩევა; }

აქ არის ბრძანების ჩაწერა:

დოკუმენტი.write (getTime (8,20,5));

ძალიან მსურდა, რომ შემეძლოს ფუნქციების დროის შეყვანა, მაგალითად, getTime (8:15 საათი, 11:00 PM, 5 საათი). რომელიმე მიმღები?

Douglas Karr 

Douglas Karr არის დამფუძნებელი Martech Zone და ციფრული ტრანსფორმაციის აღიარებული ექსპერტი. დაგ არის კონფერენციის მონაწილეები და მარკეტინგის სახალხო სპიკერი. ის არის VP და თანადამფუძნებელი Highbridge, ფირმა, რომელიც სპეციალიზირებულია საწარმოს კომპანიებში, გაყიდვების ციფრული ტექნოლოგიის გამოყენებით ციფრული გარდაქმნისა და მათი ინვესტიციების მაქსიმალურად გაზრდაში. მან შეიმუშავა ციფრული მარკეტინგისა და პროდუქტის სტრატეგიები Dell ტექნოლოგიები, მიდი მამიკო, Salesforce, ვებგვერდებიდა SmartFOCUS. დუგლასი ასევე ავტორია კორპორატიული ბლოგინგი Dummies- ისთვის და თანაავტორი უკეთესი ბიზნესის წიგნი.

4 კომენტარები

დატოვე პასუხი

  1. 1
  2. 3
  3. 4

    Hi,

    თქვენ შეადარეთ შედარებები. აი, შეცვლილი კოდი, რომელიც ჩემთვის გამოდგებოდა. Მადლობა გაზიარებისთვის!

    var აირჩიეთ = ”;
    var ampm = 'AM';
    ამისთვის (var საათი = დან; საათი 11) {
    ampm = 'PM';
    }
    var hour12 = საათი> 12? საათი - 12: საათი;
    for (var min = 0; min <60; min + = mins) {
    var min0 = წთ <10? '0' + წთ: წთ;
    აირჩიეთ + = '' + საათი 12 + ':' + მინ 0 + '' + ამპმ + ”;
    }
    }
    აირჩიეთ + = ”;
    დაბრუნების არჩევა;

    პასუხი

ეს საიტი იყენებს Akismet- ს, რათა შეამციროს სპამი. შეისწავლეთ თქვენი კომენტარის მონაცემები დამუშავებული.