內容營銷
JavaScript:動態生成的時間列表
我不是程序員,但是我可以進行很多編程。 今天,它是用於接口原型的,我們將動態生成一個列表下拉列表,間隔為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)。 有沒有人?