Javascript 显示接下来 15 分钟间隔的时间

Javascript show times to next 15 minute intervals

本文关键字：时间 分钟 显示 接下来 Javascript      更新时间：2023-09-26

我正在显示数据并根据 15 分钟间隔显示任务列表的时间。 实际上想显示到下一个 15，所以如果现在的时间是下午 3.23，我希望下一次显示为下午 3.45 而不是下午 3.38，那么在 3.45 之后，我们将显示下午 4.00

<%
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> 
       -->

只需在"body"标签中复制以下代码并在浏览器中打开即可检查 

<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>

我不知道你的脚本（"<%"？），但你可以做类似的事情

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=":";

但是你的代码中还有一些问题，比如前导零，...

相关文章：