JavaScript: Dinamik Olarak Oluşturulan Zaman Listesi

27736851 s

Ben bir programcı değilim, ama biraz program yapabiliyorum. Bugün, 5 dakikalık aralıklarla dinamik olarak bir liste açılır listesi oluşturacağımız bir arayüz prototipi içindi. Bu zaman aralıkları, seçilen güne göre değişebilir (bir randevu ayarlamak için zamanları geri döndürmek için bir tarih seçtiğinizi hayal edin… her günün farklı saatleri olabilir).

Listeyi manuel olarak oluşturmak zorunda kalmak yerine, listeyi dinamik olarak oluşturmak için JavaScript ile bazı döngü tekniklerini kullanıyorum. Sadece 24 saatlik biçimi kullanarak 'başlangıç' ve 'bitiş' zamanlarınızı girin ve gerisini komut dosyası halleder!

Ben bir programcı olmadığım için ve iyi arkadaşım Ade Olonoh ... işlevimle ilgili geri bildirimini istedim. İşte temizlenmiş versiyonu:

function getTime (from, to) {var select = ' '; var ampm = 'AM'; için (var saat = başlangıç; saat> =; saat ++) {var saat12 = saat> 12? saat - 12: saat; eğer (saat> 11) ampm = 'PM'; for (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + dk: dk; + = 'seçin '+ saat12 +': '+ dk0 +' '; }} + = 'seçin '; document.getElementById ('timelist'). innerHTML = select; }

Bir div'i dinamik olarak doldurmak istemiyorsanız, aşağıdaki gibi bir document.write komutu uygulayabilirsiniz:

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

Güncelleme: İşte aralığı dakika olarak ayarlayabileceğiniz başka bir örnek

function getTime (from, to, int) {var select = ' '; var ampm = 'AM'; için (var saat = başlangıç; saat> =; saat ++) {var saat12 = saat> 12? saat - 12: saat; eğer (saat> 11) ampm = 'PM'; for (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + dk: dk; + = 'seçin '+ saat12 +': '+ min0 +' '+ amper +' '; }} + = 'seçin '; dönüş seçimi; }

İşte yazma komutu:

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

İşleve getTime (8:15, 11:00 PM, 5) gibi zamanlar girebilmeyi gerçekten çok isterim. Alıcı var mı?

4 Yorumlar

  1. 1
  2. 3
  3. 4

    Merhaba,

    Karşılaştırmaları tersine çevirdin. İşte benim için çalışan değiştirilmiş kod. Paylaşım için teşekkürler!

    var seç = ”;
    var ampm = 'AM';
    for (var hour = from; hour 11) {
    amper = 'PM';
    }
    var saat12 = saat > 12 ? saat – 12 : saat;
    for (var min = 0; min < 60; min += dak) {
    var min0 = min < 10 ? '0' + dak : dak;
    += '' + saat12 + ':' + min0 + ' ' + amper + ” seçin;
    }
    }
    += ” seçin;
    dönüş seçimi;

Ne düşünüyorsunuz?

Bu site spam'i azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.