Tutorialspoint.dev

HTML | DOM console.time() Method

The console.time() method in HTML is used for start a timer in the console view. The console.time() method can be used for calculating the time of programs for various testing purposes. The label is sent as a parameter to the console.time() method.

Syntax:

console.time( label )

Parameters: This method accepts single parameter label which is optional and used to specify the label of the timer.

Below programs illustrate the console.time() method in HTML:

Example 1:



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

Output:

Console View:

Example 2: Calculate the time taken by a while loop using console.time() method

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

Output:

Console View:

Supported Browsers: The browser supported by console.time() Method are listed below:

  • Google Chrome
  • Apple Safari 4.0
  • Firefox 10.0
  • Opera
  • Internet Explorer 11.0


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter