如何使用JavaScript将时间四舍五入到最近的5分钟?

2021年3月26日16:06:35 发表评论 709 次浏览

给定一个JavaScript日期, 任务是在JavaScript的帮助下将其舍入到5分钟。下面讨论了两种方法:

方法1:在这种方法中, 两个选项都可用于舍入或舍入日期对象。本示例使用基本Math.floor()函数和Math.ceil()函数执行操作。

例子:

本示例实现了上述方法。

<!DOCTYPE html>
< html >
  
< head >
     < title >
         Round off a Date Object to 5
         minutes in JavaScript.
     </ title >
</ head >
  
< body style = "text-align:center;" >
      
     < h1 style = "color:green;" >
         lsbin
     </ h1 >
      
     < p id = "gfg" style="font-size: 20px; 
                     font-weight: bold">
     </ p >
      
     < button onclick = "GFG_Fun1();" >
         Round Down
     </ button >
      
     < button onclick = "GFG_Fun2();" >
         Round Up
     </ button >
      
     < p id = "geeks" style="font-size: 26px; 
             font-weight: bold;color: green;">
     </ p >
      
     < script >
         var up = document.getElementById('gfg');
         var down = document.getElementById('geeks');
         var date = new Date();
         up.innerHTML = "Click on the button to "
                 + "round the date as specified."
                 + "< br >< br >Date - " + date;
  
         function GFG_Fun1() {
              
             // ms in 5 minutes.
             var coff = 1000 * 60 * 5; 
              
             down.innerHTML = new Date(
                     Math.floor(date / coff) * coff);
         }
  
         function GFG_Fun2() {
              
             // ms in 5 minutes.
             var coff = 1000 * 60 * 5; 
             down.innerHTML = new Date(
                     Math.ceil(date / coff) * coff);
         }
     </ script >
</ body >
  
</ html >

输出如下:

如何使用JavaScript将时间四舍五入到最近的5分钟?1

方法二:本示例使用基本Math.round()函数执行操作。计算5分钟内的毫秒数, 将日期对象除以毫秒数, 得到取整值, 然后再次乘以毫秒数。

例子:

本示例实现了上述方法。

<!DOCTYPE html>
< html >
  
< head >
     < title >
         Round off a Date Object to 5
         minutes in JavaScript.
     </ title >
</ head >
  
< body style = "text-align:center;" >
      
     < h1 style = "color:green;" >
         lsbin
     </ h1 >
      
     < p id = "GFG_UP" style =
         "font-size: 20px;font-weight: bold" > 
     </ p >
      
     < button onclick = "GFG_Fun();" > 
         click here 
     </ button > 
      
     < p id = "GFG_DOWN" style = "font-size: 26px; 
             font-weight: bold;color: green;"> 
     </ p >
      
     < script > 
         var up = document.getElementById('GFG_UP');
         var down = document.getElementById('GFG_DOWN');
         var date = new Date();
         up.innerHTML = "Click on the button to "
                 + "round the date as specified."
                 + "< br >< br >Date - " + date;
          
         function GFG_Fun() {
              
             // ms in 5 minutes.
             var coff = 1000 * 60 * 5; 
             down.innerHTML = new Date(Math.round(
                     date.getTime() / coff) * coff);
         } 
     </ script > 
</ body >
  
</ html >

输出如下:

如何使用JavaScript将时间四舍五入到最近的5分钟?2

木子山

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: