* 定时器不能保证真正的定时执行
* 一般会延迟一点(可以接受),也可能延迟很长时间(不能接受)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<!--
1、定时器真的能够定时执行吗?(不能!)
* 定时器不能保证真正的定时执行
* 一般会延迟一点(可以接受),也可能延迟很长时间(不能接受)
-->
<button id="btn">启动定时器</button>
<body>
<script type="text/javascript">
document.getElementById('btn').onclick = function () {
var start = Date.now()
console.log('启动前');
setTimeout(function () {
console.log('定时器', Date.now() - start);
}, 100)
console.log('启动后');
}
//做一个很长时间的工作
for (let index = 0; index < 10000000000; index++) {
}
</script>
</body>
</html>
运行截图:定时器规定的时间是100ms,实际执行大于这个数字!