The console.timeEnd() method in HTML is used to end a timer started by the console.time() method. This can be used to calculate the time of certain operations for testing purposes.
Syntax:
console.timeEnd( label )
Parameters: This method accepts single parameter label which is optional. It is used to specify the label of the timer to stop.
Example 1:
html
<!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 >
|
Output:
Console View:
Example 2:
html
<!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 >
|
Output:
Console View:
Supported Browsers: The browser supported by console.timeEnd() Method are listed below:
- Google Chrome 1 and above
- Edge 12 and above
- Internet Explorer 11 and above
- Firefox 10 and above
- Opera 11 and above
- Safari 4 and above