<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="stop();">STOP</button>
<script type="text/javascript">
let cnt=0;
// 1.延时定时器模拟轮播定时器
// 永真 不对
// while(true){
// setTimeout(function(){console.log(cnt++)},1000);
// }
// 递归
setTimeout(a(),1000);
function a(){
setTimeout(function(){
console.log(cnt++);
// 递归出口,轮询结束
// if(cnt < 16){
if(cnt < 3){
a();
}
},1000);
}
// 轮播定时器
// setInterval(() => {
// console.log(cnt++);
// }, 1000);
// 使用定时器 不断获取浏览器 距离 屏幕左边 和 上边的距离
let ccc = setInterval(() => {
console.log("屏幕左边" + window.screenLeft);
console.log("屏幕上边" + window.screenTop);
console.log("=====================");
}, 2000);
function stop(){
clearTimeout(ccc);
console.log("stop succ");
}
</script>
</body>
</html>