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). متصدیان

4 نظرات

  1. 1
  2. 3
  3. 4

    سلام،

    شما مقایسه کردید که برعکس شده است. این کد اصلاح شده برای من است. با تشکر برای به اشتراک گذاری

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

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.