¿Cómo redondear el tiempo a los 5 minutos más cercanos usando JavaScript?

Dada una fecha de JavaScript y la tarea es redondearla a 5 minutos con la ayuda de JavaScript. Hay dos enfoques que se analizan a continuación:

Enfoque 1: en este enfoque, ambas opciones están disponibles para redondear hacia abajo o hacia arriba el objeto de fecha. Este ejemplo utiliza la función básica Math.floor() y la función Math.ceil() para realizar la operación.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!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;">
        GeeksforGeeks
    </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>

Producción:

Enfoque 2: este ejemplo utiliza la función Math.round() básica para realizar la operación. Calcule los milisegundos en 5 minutos, divida el objeto de fecha por milisegundos y obtenga el valor redondo y luego vuelva a multiplicar los milisegundos.

Ejemplo: Este ejemplo implementa el enfoque anterior.

<!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;">
        GeeksforGeeks
    </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>                           

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta