HTML | DOM console.time() 方法

HTML 中的console.time()方法用于在控制台视图中启动计时器。 console.time()方法可用于为各种测试目的计算程序的时间。标签作为参数发送到console.time() 方法。

句法：

console.time( label )

参数：该方法接受单参数标签，该标签是可选的，用于指定定时器的标签。

下面的程序说明了 HTML 中的 console.time() 方法：

示例 1：

  

    DOM console.time() Method in HTML
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

    GeeksforGeeks
    DOM console.time() Method
    
      To view the message in the console
      press the F12 key on your keyboard.
    
    
      To view the time taken by a for loop
      to run 100 times, double click the 
      button below:
    
    
    
      RUN TIMER
    
    
        function table_time() {
            console.time();
            for (i = 0; i < 100; i++) {
                // Random code
            }
            console.timeEnd();
        }
    

  
   

输出：

控制台视图：

示例 2：使用 console.time() 方法计算 while 循环所用的时间

  

    DOM console.time() Method in HTML
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

    GeeksforGeeks
    DOM console.time() Method
    
      To view the message in the console
      press the F12 key on your keyboard.
    
    
      To view the time taken by a for loop
      to run 100 times, double click the
      button below:
    
    
    
      RUN TIMER
    
    
        function table_time() {
            i = 0;
            console.time
                ("While loop for 100 iterations");
            while (i < 100) {
                i++;
            }
            console.timeEnd
                ("While loop for 100 iterations");
        }
    

  

输出：

控制台视图：

支持的浏览器： console.time()方法支持的浏览器如下：

• 谷歌浏览器
• 浏览器 11.0
• 火狐 10.0
• 歌剧
• Safari 4.0