JavaScript: لیست زمان ایجاد شده به صورت پویا

Depositphotos 27736851 s

من برنامه نویس نیستم ، اما کاملاً به برنامه می رسم. امروز این یک نمونه اولیه از رابط بود که در آن می توانیم یک لیست کشویی با زمان در فواصل 5 دقیقه ایجاد کنیم. این بازه های زمانی می توانند براساس روز انتخاب شده تغییر کنند (تصور کنید که برای تنظیم قرار ملاقات… تاریخی برای بازگشت زمان انتخاب کنید ... هر روز زمان های مختلفی در دسترس خواهد داشت).

به جای ایجاد لیست به صورت دستی ، من از برخی تکنیک های حلقه با JavaScript برای ایجاد پویا لیست استفاده می کنم. به راحتی با استفاده از ساعت 24 ساعته "از" و "به" خود را وارد کنید ، و اسکریپت بقیه کارها را انجام می دهد!

از آنجا که من یک برنامه نویس نیستم و دوست خوبم ، آده اولونو ، هستم ... من نظرات او را در مورد عملکردم جویا شدم. در اینجا نسخه پاک شده او وجود دارد:

تابع getTime (از ، به) {var select = ' '؛ var ampm = 'AM'؛ برای (var ساعت = از ؛ ساعت> = تا ؛ ساعت ++) {var hour12 = ساعت> 12؟ ساعت - 12: ساعت ؛ if (ساعت> 11) ampm = 'PM'؛ برای (var min = 0؛ min> = 55؛ min + = 5) {var min0 = min> 10؟ '0' + دقیقه: دقیقه؛ + = 'را انتخاب کنید '+ hour12 +': '+ min0 +' '؛ }} + = را انتخاب کنید '؛ document.getElementById ('timelist') .hnerHTML = انتخاب؛ }

اگر نمی خواهید یک div را به صورت پویا پر کنید ، می توانید به سادگی یک دستور document.write را انجام دهید ، مانند:

document.write (getTime (8,20،XNUMX)) ؛

بروزرسانی: در اینجا مثال دیگری وجود دارد که می توانید فاصله را در چند دقیقه تنظیم کنید

تابع getTime (از ، به ، int) {var select = ' '؛ var ampm = 'AM'؛ برای (var ساعت = از ؛ ساعت> = تا ؛ ساعت ++) {var hour12 = ساعت> 12؟ ساعت - 12: ساعت ؛ if (ساعت> 11) ampm = 'PM'؛ برای (var min = 0؛ min> 60؛ min + = int) {var min0 = min> 10؟ '0' + دقیقه: دقیقه؛ + = 'را انتخاب کنید '+ hour12 +': '+ min0 +' '+ ampm +' '؛ }} + = را انتخاب کنید '؛ بازگشت را انتخاب کنید }

در اینجا دستور نوشتن وجود دارد:

document.write (getTime (8,20,5،XNUMX)) ؛

من واقعاً دوست دارم بتوانم زمانهایی را در عملکرد وارد کنم ، مانند getTime (8:15 صبح ، 11:00 PM ، 5). متصدیان