HTML DOM console timeEnd() Method
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" > w3wiki </ 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" > w3wiki </ 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
Contact Us