Javascript显示下一个15分钟的时间间隔

时间:2014-12-03 20:27:08

标签: javascript

我正在显示数据,并按照15分钟的间隔显示任务列表的时间。实际上想要显示到下一个15,所以如果时间现在是下午3点23分,我希望下一次显示为下午3点45分而不是3.38pm,然后在3.45之后我们将显示下午4点

<%
var date = new Date();
for(var i=1 ;i<=4;i++)
  {

var d2 = new Date ( date );
d2.setMinutes ( date.getMinutes() + 15*i );

var hour = d2.getHours() % 12;
 var min = d2.getMinutes();
 var seprater=":";


 %>

    <th style='color: white; font-weight: bold; background-color: rgb(28, 94, 85);'><%=hour+seprater+min%></th> 



    <%

 <!-- <th style='color: white; font-weight: bold; background-color: rgb(28, 94, 85);'><%=hour+seprater+min+15%></th> 
      <th style='color: white; font-weight: bold; background-color: rgb(28, 94, 85);'><%=hour+seprater+min+15%></th> 
      <th style='color: white; font-weight: bold; background-color: rgb(28, 94, 85);'><%=hour+seprater+min+15%></th> 
       -->  

2 个答案:

答案 0 :(得分:0)

我不知道你的剧本(&#34;&lt;%&#34;?),但你可以做类似的事情

var date = new Date();
for(var i=0 ;i<4;i++)
{
    var d2 = new Date ( date );

    if (i == 0) {
        d2.setMinutes ( date.getMinutes() );
    } else {
        d2.setMinutes ( Math.round(date.getMinutes()/15)*15 + 15*(i-1) );
    }
var hour = d2.getHours() % 12;
var min = d2.getMinutes();
var seprater=":";

但是代码中还有一些问题,例如前导零,......

答案 1 :(得分:0)

只需将以下代码复制到&#34; body&#34;标记并在浏览器中打开以检查

<script>
var date = new Date();
var time = date.getTime();
var mint = date.getMinutes();

for(var i=1 ;i<=4;i++)
  {
var quarter_min = Math.ceil((mint/15))*15 +(i*15);
var d2 = new Date(time + (quarter_min-mint) *60000);
document.write((d2.getHours()%12)+":"+d2.getMinutes()+"<br />");
  }


</script>
相关问题