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>
输出:
控制台视图:
范例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>
输出:
控制台视图:
支持的浏览器:console.timeEnd()方法支持的浏览器如下:
- 谷歌浏览器
- Internet Explorer 11.0
- Firefox 10.0
- Opera
- Safari 4.0
相关用法
- HTML DOM contains()用法及代码示例
- HTML DOM getElementById()用法及代码示例
- HTML DOM getElementsByClassName()用法及代码示例
- HTML DOM History go()用法及代码示例
- HTML DOM importNode()用法及代码示例
- HTML DOM setNamedItem()用法及代码示例
- HTML DOM normalizeDocument()用法及代码示例
- HTML DOM fullscreenEnabled()用法及代码示例
- HTML DOM Storage key()用法及代码示例
- HTML DOM getElementsByName()用法及代码示例
- HTML DOM getNamedItem()用法及代码示例
- HTML DOM isDefaultNamespace()用法及代码示例
- HTML DOM write()用法及代码示例
- HTML DOM open()用法及代码示例
- HTML DOM getElementsByTagName()用法及代码示例
注:本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 HTML | DOM console.timeEnd() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。