JavaScript: רשימת זמן שנוצרה באופן דינמי

27736851 ש

אני לא מתכנת, אבל יוצא לי לתכנת לא מעט. היום זה היה עבור אב-טיפוס ממשק שבו היינו מייצרים באופן דינמי רשימה נפתחת עם זמנים במרווחים של 5 דקות. טווחי זמן אלה יכולים להשתנות בהתאם ליום שנבחר (תאר לעצמך לבחור תאריך להחזרת זמנים כדי לקבוע פגישה ... בכל יום יהיו זמנים שונים זמינים).

במקום לעשות את הרשימה באופן ידני, השתמשתי בכמה טכניקות לולאה עם JavaScript כדי ליצור את הרשימה באופן דינמי. כל שעליך לעשות הוא להכניס את הזמנים 'מ' ל 'שלך באמצעות השעון 24 שעות, והתסריט עושה את השאר!

מכיוון שאני לא מתכנת וחברתי הטובה, אדה אולונה, הוא ... ביקשתי את המשוב שלו לגבי התפקוד שלי. הנה הגרסה שלו מנוקה:

פונקציה 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 ('רשימת זמנים'). innerHTML = בחר; }

אם אינך רוצה לאכלס דיב באופן דינמי, תוכל פשוט לבצע פקודה document.write, כגון:

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

עדכון: הנה דוגמה נוספת בה תוכלו להגדיר את המרווח בדקות

פונקציה getTime (from, to, 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:15, 11:00, 5). יש מעוניינים?

תגובות 4

  1. 1
  2. 3
  3. 4

    היי,

    השגת את ההשוואות הפוכות. הנה הקוד ששונה שעבד בשבילי. תודה על השיתוף!

    var select = ”;
    var ampm = 'AM';
    עבור (var שעה = מ; שעה 11) {
    ampm = 'PM';
    }
    var hour12 = שעה> 12? שעה - 12: שעה;
    עבור (var min = 0; min <60; min + = min)) {
    var min0 = min <10? '0' + דקה: דקה;
    בחר + = '' + hour12 + ':' + min0 + '' + ampm + ”;
    }
    }
    בחר + = ”;
    בחר בחזור;

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.