console.time方法与console.timeEnd方法
当需要统计一段代码的执行时间时,可以使用 console.time 方法与 console.timeEnd 方法。
其中 console.time 方法用于标记开始时间,console.timeEnd 方法用于标记结束时间,并且将结束时间与开始时间之间经过的毫秒数在控制台中输出。这两个方法的使用方法如下所示。
console.time(label)
console.timeEnd(label)
这两个方法均使用一个参数,参数值可以为任何【字符串】,但是这两个方法所使用的参数字符串必须相同,才能正确地统计出开始时间与结束时间之间所经过的毫秒数。
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button type="button" id="cancel">取消定时器</button>
<script>
let time = setInterval(()=>{
console.log('当前时间是:'+timer())
},1000)
function timer(){
let date = new Date()
let hour = date.getHours().toString().padStart(2,"0")
let min = date.getMinutes().toString().padStart(2,"0")
let sec = date.getSeconds().toString().padStart(2,"0")
return `${hour}:${min}:${sec}`
}
document.getElementById('cancel').onclick = function(){
clearInterval(time)
alert('已取消定时器')
}
</script>
</body>
</html>