जाभास्क्रिप्ट: गतिशील उत्पन्न समय सूची
म प्रोग्रामर होइन, तर म केही हदसम्म कार्यक्रममा जान्छु। आज यो एक इन्टरफेस प्रोटोटाइपको लागि थियो जहाँ हामी गतिशील रूपमा drop मिनेट अन्तरालको साथ सूची ड्रपडाउन उत्पन्न गर्दछौं। यो समय दायरा चयन गरिएको दिनको आधारमा परिवर्तन हुन सक्दछ (अपोइन्टमेन्ट सेट गर्न समय फिर्ता गर्न मिति चयन गर्ने कल्पना गर्नुहोस् ... प्रत्येक दिन फरक समय हुन्छ)।
म्यानुअल रूपमा सूची सिर्जना गर्नुको सट्टा, म जाभास्क्रिप्टको साथ केही लुपिंग प्रविधिहरूको प्रयोग गरेर सूचीलाई गतिशील रूपमा सिर्जना गर्दछु। साधारण रूपमा तपाईंको 'बाट' र 'to' पटक २ put घण्टा घडी प्रयोग गरेर राख्नुहोस्, र स्क्रिप्टले बाँकी काम गर्दछ!
म एक प्रोग्रामर होइन र मेरो राम्रो मित्र, Ade ओलोनोह हो… मैले मेरो समारोह मा उनको प्रतिक्रियाको लागि सोधे। यहाँ उसको सफा संस्करण छ:
प्रकार्य getTime (बाट, बाट) {var चयन = ' '; var ampm '' AM '; का लागि (var घडी = देखि; घण्टा> = देखि; घण्टा ++) {var घण्टा १२ = घण्टा> १२? घण्टा - १२: घण्टा; यदि (घण्टा> ११) ampm = 'PM'; (var min = 12; min> = 12; min + = 12) {var min11 = min> १० को लागी? '०' + मिनेट: मिनेट; ++ 'चयन गर्नुहोस् '+ घण्टा १२ +': '+ मिनेट ०' '; }} + + 'चयन गर्नुहोस् '; कागजात.getElementById ('समयसूची')। आन्तरिक HTML = चयन गर्नुहोस्; }
यदि तपाईं गतिशील रूपमा डिभ पपुलेट गर्न चाहानु हुन्न भने, तपाईं केवल कागजात। राइट कमाण्ड गर्न सक्नुहुन्छ, जस्तै:
कागजात.वाइट (getTime (,,२०));
अद्यावधिक गर्नुहोस्: यहाँ अर्को उदाहरण छ जहाँ तपाईं मिनेटमा अन्तराल सेट गर्न सक्नुहुन्छ
प्रकार्य getTime (बाट, सम्म, int) {var चयन = ' '; var ampm '' AM '; का लागि (var घडी = देखि; घण्टा> = देखि; घण्टा ++) {var घण्टा १२ = घण्टा> १२? घण्टा - १२: घण्टा; यदि (घण्टा> ११) ampm = 'PM'; (var min = 12; min> ;०; min + = int) {var min12 = min> १० को लागी? '०' + मिनेट: मिनेट; ++ 'चयन गर्नुहोस् '+ घण्टा १२ +': '+ मिनेट +' '+ एम्पएम +' '; }} + + 'चयन गर्नुहोस् '; फिर्ता चयन; }
यहाँ लेख्न आदेश छ:
कागजात.वाइट (getTime (,,२०));
म वास्तवमै समारोहमा समयहरू प्रविष्ट गर्न सक्षम हुन चाहन्छु, जस्तै गेटटाइम (:8:१:15 बिहान ११:०० बजे,))। कुनै लिनेहरू?