javascript - 循环并打印时间列表

Question

var firstAm = '<li>12:00 AM</li>';
                        $('#time').append(firstAm);
                        for (i = 1; i < 12; i++) {
                            var am = '<li>' + i + ':00 AM</li>';

                            $('#time').append(am);
                        }

使用上面的代码我产生了 1 小时的间隔，但我希望产生类似的东西上午 12:15中午 12:30中午 12:45其中有 15 分钟的差异。

fiddle :http://jsfiddle.net/ycjkqc0g/1/

Answer 1

你可以做类似的事情

var date = new Date();
date.setHours(0, 0, 0, 0);

var end = new Date(date);
end.setHours(end.getHours() + 12);

while (date < end) {
  var am = '<li>' + convert24HourTo12Hour(date.getHours()) + ':' + date.getMinutes() + ' AM</li>';

  $('#time').append(am);
  date.setMinutes(date.getMinutes() + 15);
}


function convert24HourTo12Hour(h) {
  return (h + 11) % 12 + 1;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="time"></div>