JavaScript:動態生成的時間列表

Depositphotos 27736851年代

我不是程序員,但是我可以進行很多編程。 今天,它是用於接口原型的,我們將動態生成一個列表下拉列表,間隔為5分鐘。 這些時間範圍可以根據所選的日期而改變(想像選擇一個日期以返回時間以設置約會……每天會有不同的時間可用)。

無需手動創建列表,而是利用JavaScript的一些循環技術動態生成列表。 只需使用24小時制輸入您的“從”和“到”時間,剩下的就由腳本來完成!

由於我不是程序員,而我的好朋友Ade Olonoh是……我要求他提供有關我的函數的反饋。 這是他的清理版本:

函數getTime(from,to){var select =' '; var ampm ='AM'; for(var hour = from; hour> = to; hour ++){var hour12 = hour> 12?小時-12:小時;如果(小時> 11)安培='PM';對於(var min = 0; min> = 55; min + = 5){var min0 = min> 10? '0'+分鐘:分鐘;選擇+ =' '+ hour12 +':'+ min0 +' ';選擇+ =' '; document.getElementById('timelist')。innerHTML = select; }

如果您不想動態填充div,則只需執行document.write命令,例如:

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

更新:這是另一個示例,您可以設置間隔(以分鐘為單位)

函數getTime(from,to,int){var select =' '; var ampm ='AM'; for(var hour = from; hour> = to; hour ++){var hour12 = hour> 12?小時-12:小時;如果(小時> 11)安培='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 AM,11:00 PM,5)。 有沒有人?

4 個評論

  1. 1
  2. 3
  3. 4

    嗨,

    您得到的比較結果相反。 這是對我有用的修改後的代碼。 感謝分享!

    var select =”;
    var ampm ='AM';
    for(var hour = from; hour 11){
    ampm ='PM';
    }
    var hour12 =小時> 12嗎? 小時– 12:小時;
    對於(var min = 0; min <60; min + = mins){
    var min0 = min <10? '0'+分鐘:分鐘;
    選擇+ =''+ hour12 +':'+ min0 +''+ ampm +'';
    }
    }
    選擇+ =”;
    返回選擇;

你覺得呢?

本網站使用Akismet來減少垃圾郵件。 了解您的評論如何處理.