使用循环打印javascript的时间

时间:2015-03-04 01:30:00

标签: javascript jquery time

我一直坚持到这里,当我继续前进时,我得到了无限循环。下面的代码是一半,如何打印从凌晨1:00到12:AM。

http://jsfiddle.net/sychhLya/

JS

$(function () {
    for (i = 0; i < 12; i++) {
        var time = '<p>' + i + ':00 AM</p>';
        $('.holder').append(time);
    }
});

2 个答案:

答案 0 :(得分:2)

以下是使用Javascript中的Date类的解决方案:

$(function () {
    var x = new Date("March 3, 2015 01:00");
    for (i = 0; i < 12; i++) {
       $('.holder').append(x.getHours() + ":" + x.getMinutes() + x.getSeconds() + "AM<br/>");
       x.setHours(x.getHours()+1);
       console.log(x);
    }
});

JSFiddle:http://jsfiddle.net/sychhLya/3/

答案 1 :(得分:1)

这是你想要的吗?

&#13;
&#13;
$(function() {
  for (i = 1; i <= 12; i++) {
    var time = '<p>' + i + ':00 AM</p>';
    $('.holder').append(time);
  }
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="holder"></p>
&#13;
&#13;
&#13;

还是这个?

&#13;
&#13;
$(function() {
  for (i = 1; i <= 12; i++) {
    for (j = 0; j < 60; j++) {
      j = ("0" + j).slice(-2);
      var time = '<p>' + i + ':' + j + ' AM</p>';
      $('.holder').append(time);
    }
  }
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="holder"></p>
&#13;
&#13;
&#13;