JavaScript: Senarai Masa yang Dijana Secara Dinamik

Depositphotos 27736851 s

Saya bukan pengaturcara, tetapi saya dapat sedikit program. Hari ini ia adalah untuk prototaip antara muka di mana kita secara dinamik menghasilkan senarai dropdown dengan masa pada selang 5 minit. Julat waktu ini dapat berubah berdasarkan hari yang dipilih (bayangkan memilih tarikh untuk kembali waktu untuk menetapkan janji temu ... setiap hari mempunyai masa yang berlainan).

Daripada membuat senarai secara manual, saya menggunakan beberapa teknik perulangan dengan JavaScript untuk menghasilkan senarai secara dinamis. Cukup masukkan masa 'dari' dan 'ke' anda menggunakan jam 24 jam, dan skripnya selebihnya!

Oleh kerana saya bukan pengaturcara dan rakan baik saya, Ade Olonoh, adalah… Saya meminta maklum balasnya mengenai fungsi saya. Inilah versi pembersihannya:

fungsi getTime (dari, ke) {var select = ' '; var ampm = 'AM'; untuk (var hour = from; hour> = hingga; hour ++) {var hour12 = hour> 12? jam - 12: jam; jika (jam> 11) ampm = 'PM'; untuk (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + min: min; pilih + = ' '+ jam12 +': '+ min0 +' '; }} pilih + = ' '; document.getElementById ('timelist'). innerHTML = pilih; }

Sekiranya anda tidak mahu mengisi div secara dinamis, anda hanya boleh melakukan perintah document.write, seperti:

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

Kemas kini: Inilah contoh lain di mana anda boleh menetapkan selang dalam beberapa minit

fungsi getTime (dari, ke, int) {var select = ' '; var ampm = 'AM'; untuk (var hour = from; hour> = hingga; hour ++) {var hour12 = hour> 12? jam - 12: jam; jika (jam> 11) ampm = 'PM'; untuk (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + min: min; pilih + = ' '+ jam12 +': '+ min0 +' '+ ampm +' '; }} pilih + = ' '; pilih kembali; }

Inilah arahan tulis:

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

Saya benar-benar ingin memasukkan waktu dalam fungsi, seperti getTime (8:15 AM, 11:00 PM, 5). Ada pengambil?

4 Komen

  1. 1
  2. 3
  3. 4

    Hi,

    Anda membuat perbandingan terbalik. Inilah kod yang diubah suai yang sesuai untuk saya. Terima kasih kerana sudi berkongsi!

    var pilih = ”;
    var ampm = 'AM';
    untuk (var jam = dari; jam 11) {
    ampm = 'PM';
    }
    var hour12 = jam> 12? jam - 12: jam;
    untuk (var min = 0; min <60; min + = mins) {
    var min0 = min <10? '0' + min: min;
    pilih + = '' + jam12 + ':' + min0 + '' + ampm + ";
    }
    }
    pilih + = ”;
    pilih kembali;

Apa yang anda fikir?

Laman web ini menggunakan Akismet untuk mengurangkan spam. Ketahui bagaimana data komen anda diproses.