HTML | Método DOM console.time()

El método console.time() en HTML se usa para iniciar un temporizador en la vista de la consola. El método console.time() se puede usar para calcular el tiempo de los programas para varios propósitos de prueba. La etiqueta se envía como parámetro al método console.time()

Sintaxis:

console.time( label )

Parámetros: este método acepta una etiqueta de parámetro único que es opcional y se usa para especificar la etiqueta del temporizador. 

Los siguientes programas ilustran el método console.time() en HTML: 

Ejemplo 1: 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>DOM console.time() Method in HTML</title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM console.time() Method</h2>
    <p>
      To view the message in the console
      press the F12 key on your keyboard.
    </p>
    <p>
      To view the time taken by a for loop
      to run 100 times, double click the
      button below:
    </p>
    <br>
    <button ondblclick="table_time()">
      RUN TIMER
    </button>
    <script>
        function table_time() {
            console.time();
            for (i = 0; i < 100; i++) {
                // Random code
            }
            console.timeEnd();
        }
    </script>
</body>
 
</html>  

Producción:

  

Vista de consola:

  

Ejemplo 2: Calcule el tiempo que tarda un ciclo while usando el método console.time() 

html

<!DOCTYPE html>
<html>
 
<head>
    <title>DOM console.time() Method in HTML</title>
    <style>
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    </style>
</head>
 
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM console.time() Method</h2>
    <p>
      To view the message in the console
      press the F12 key on your keyboard.
    </p>
    <p>
      To view the time taken by a for loop
      to run 100 times, double click the
      button below:
    </p>
    <br>
    <button ondblclick="table_time()">
      RUN TIMER
    </button>
    <script>
        function table_time() {
            i = 0;
            console.time
                ("While loop for 100 iterations");
            while (i < 100) {
                i++;
            }
            console.timeEnd
                ("While loop for 100 iterations");
        }
    </script>
</body>
 
</html>

Producción:

  

Vista de consola:

  

Navegadores compatibles: los navegadores compatibles con el método console.time() se enumeran a continuación:

  • Google Chrome 1.0
  • Borde 12.0
  • Internet Explorer 11.0
  • Firefox 10.0
  • Ópera 11.0
  • Safari 4.0

Publicación traducida automáticamente

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *