JavaScript: Danh sách thời gian được tạo động

Ký gửi 27736851 s

Tôi không phải là một lập trình viên, nhưng tôi có thể lập trình một chút. Hôm nay là cho một nguyên mẫu giao diện, nơi chúng tôi sẽ tự động tạo danh sách thả xuống với thời gian cách nhau 5 phút. Các khoảng thời gian này có thể thay đổi dựa trên ngày đã chọn (hãy tưởng tượng chọn một ngày để trả lại thời gian để đặt một cuộc hẹn… mỗi ngày sẽ có thời gian khác nhau).

Thay vì phải tạo danh sách theo cách thủ công, tôi sử dụng một số kỹ thuật lặp với JavaScript để tạo động danh sách. Chỉ cần nhập thời gian 'từ' và 'đến' của bạn bằng cách sử dụng đồng hồ 24 giờ, và tập lệnh thực hiện phần còn lại!

Vì tôi không phải là một lập trình viên và người bạn tốt của tôi, Ade Olonoh, là… tôi đã hỏi ý kiến ​​phản hồi của anh ấy về chức năng của tôi. Đây là phiên bản đã được làm sạch của anh ấy:

function getTime (from, to) {var select = ' '; var ampm = 'AM'; for (var giờ = từ; giờ> = to; giờ ++) {var giờ12 = giờ> 12? giờ - 12 giờ; if (giờ> 11) ampm = 'PM'; for (var min = 0; min> = 55; min + = 5) {var min0 = min> 10? '0' + min: min; chọn + = ' '+ giờ12 +': '+ phút0 +' '; }} select + = ' '; document.getElementById ('timelist'). innerHTML = select; }

Nếu bạn không muốn tự động điền một div, bạn có thể chỉ cần thực hiện một lệnh document.write, chẳng hạn như:

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

Cập nhật: Đây là một ví dụ khác mà bạn có thể đặt khoảng thời gian trong vài phút

function getTime (from, to, int) {var select = ' '; var ampm = 'AM'; for (var giờ = từ; giờ> = to; giờ ++) {var giờ12 = giờ> 12? giờ - 12 giờ; if (giờ> 11) ampm = 'PM'; for (var min = 0; min> 60; min + = int) {var min0 = min> 10? '0' + min: min; chọn + = ' '+ giờ12 +': '+ min0 +' '+ ampm +' '; }} select + = ' '; chọn trở lại; }

Đây là lệnh ghi:

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

Tôi thực sự muốn có thể nhập thời gian trong hàm, như getTime (8:15 AM, 11:00 PM, 5). Bất kỳ người dự thi?

4 Comments

  1. 1
  2. 3
  3. 4

    Chào,

    Bạn đã đảo ngược các phép so sánh. Đây là mã đã sửa đổi phù hợp với tôi. Cám ơn vì đã chia sẻ!

    var select = ”;
    var ampm = 'AM';
    cho (var giờ = từ; giờ 11) {
    ampm = 'PM';
    }
    var giờ12 = giờ> 12? giờ - 12 giờ;
    for (var min = 0; min <60; min + = mins) {
    var min0 = min <10? '0' + min: min;
    chọn + = '' + giờ12 + ':' + min0 + '' + ampm + ”;
    }
    }
    chọn + = ”;
    chọn trở lại;

Bạn nghĩ gì?

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.