內容營銷

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)。 有沒有人?

Douglas Karr

Douglas Karr 是 CMO 的 開放洞察 和創始人 Martech Zone。 道格拉斯幫助了數十家成功的 MarTech 新創公司,協助進行了超過 5 億美元的 MarTech 收購和投資盡職調查,並繼續協助公司實施和自動化其銷售和行銷策略。 道格拉斯是國際公認的數位轉型和 MarTech 專家和演講者。 道格拉斯也是一本傻瓜指南和一本商業領導書的出版作者。

相關文章

返回頂部按鈕
關閉

檢測到Adblock

Martech Zone 我們能夠免費為您提供這些內容,因為我們通過廣告收入、聯屬鏈接和讚助從我們的網站中獲利。 如果您在瀏覽我們的網站時刪除廣告攔截器,我們將不勝感激。