HTML DOM console.timeEnd()用法及代碼示例

HTML中的console.timeEnd()方法用於結束由console.time()方法啟動的計時器。出於測試目的，這可用於計算某些操作的時間。

用法:

console.timeEnd( label )

參數：此方法接受可選的單個參數標簽。用於指定要停止的計時器的標簽。

範例1：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        DOM console.timeEnd() Method 
    </title> 
</head> 
  
<body> 
    <h1 style="color:green"> 
            GeeksforGeeks 
        </h1> 
  
    <p>DOM console.timeEnd() Method</p> 
  
    <p> 
        Clicking the START TIMER button executes 
        console.time() to start the timer.<br>  
        Clicking the END TIMER button executes 
        console.timeEnd() to end the timer. 
    </p> 
  
    <button onclick="start_timer()"> 
        Start Timer 
    </button> 
  
    <button onclick="end_timer()"> 
        End Timer 
    </button> 
  
    <script> 
        // Function to start timer 
        function start_timer() { 
            console.log('timer started'); 
            console.time(); 
        } 
  
        // Function to end timer 
        function end_timer() { 
            console.timeEnd(); 
        } 
    </script> 
</body> 
  
</html>

輸出：
timeEnd example 1
控製台視圖：
timeEnd example 1 console

範例2：

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        DOM console.timeEnd() Method 
    </title> 
</head> 
  
<body> 
    <h1 style="color:green"> 
            GeeksforGeeks 
        </h1> 
  
    <p>DOM console.timeEnd() Method</p> 
  
    <p> 
        Clicking the START TIMER button starts 
        the timer with label 'timer 1'.<br> 
        Clicking the END TIMER button ends the 
        timer with label 'timer 1'. 
    </p> 
  
    <button onclick="start_timer_one()"> 
        Start Timer 1 
    </button> 
  
    <button onclick="end_timer_one()"> 
        End Timer 1 
    </button> 
  
    <p> 
        Clicking the START TIMER button starts  
        the timer with label 'timer 2'.<br>  
        Clicking the END TIMER button ends the 
        timer with label 'timer 2'. 
    </p> 
  
    <button onclick="start_timer_two()"> 
        Start Timer 2 
    </button> 
  
    <button onclick="end_timer_two()"> 
        End Timer 2 
    </button> 
  
    <script> 
        // Start first timer 
        function start_timer_one() { 
            console.log('timer 1 started'); 
            console.time('timer 1'); 
        } 
  
        // End first timer 
        function end_timer_one() { 
            console.timeEnd('timer 1'); 
        } 
  
        // Start second timer 
        function start_timer_two() { 
            console.log('timer 2 started'); 
            console.time('timer 2'); 
        } 
  
        // End second timer 
        function end_timer_two() { 
            console.timeEnd('timer 2'); 
        } 
    </script> 
</body> 
  
</html>

輸出：
timeEnd example 2
控製台視圖：
timeEnd example 2 console

支持的瀏覽器：console.timeEnd()方法支持的瀏覽器如下：

穀歌瀏覽器
Internet Explorer 11.0
Firefox 10.0
Opera
Safari 4.0

相關用法

注：本文由純淨天空篩選整理自sayantanm19大神的英文原創作品 HTML | DOM console.timeEnd() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。