版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_15253407/article/details/89569537
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>setTimeout模拟定时器,及清除该定时器</title>
</head>
<body>
<script>
/**
* setTimeout模拟定时器 返回的句柄每次都是不同的整数 想要清除的思路就是 将所有产生的 句柄ID使用队列存储,之后循环清除每一个产生的句柄
*/
let count = 0;
let list = [];
function start () {
if (count > 4) {
// 清除定时器
learTimeoutList(list);
list = null; // 释放
return false;
}
const hander = setTimeout(_ => {
count += 1;
console.log(`输出: ${count}`);
start();
}, 1000);
list.push(hander);
}
start();
function learTimeoutList (list) {
Array.isArray(list) && list.forEach(v => clearTimeout(v));
console.log(`成清除setTimeout模拟的定时器了`);
}
</script>
</body>
</html>