<!DOCTYPE html>
<html lang="zh">
<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>开两个定时器,要求第一个定时器执行完,再执行第二个定时器</title>
<script>
window.onload = function () {
// 第一种方式可以,但是他们没有逻辑上依赖关系(第一个执行成功,第二个才可以执行)
setTimeout(() => {
console.log("第一次执行完成")
}, 2000)
setTimeout(() => {
console.log("第二次执行完成")
}, 2000)
// 第二种方式也可以,他们有逻辑上依赖关系(嵌套实现的,第一个执行成功,第二个才可以执行,但是第一个如果执行不成功,后面嵌套的所有代码,都将不能执行,相当于废了)
setTimeout(() => {
console.log("第一次执行完成")
setTimeout(() => {
console.log("第二次执行完成")
}, 2000)
}, 2000)
// 第三种方式,不行,注意,这是个坑,因为异步任务中的setTimeOut是一个异步的
let flag = false
setTimeout(() => {
console.log("第一次执行完成")
flag = true
}, 2000)
if (flag) {
setTimeout(() => {
console.log("第二次执行完成")
}, 2000)
}
}
</script>
</head>
<body>
</body>
</html>
Promise对象的来源之“开启两个定时器,实现第一个定时器执行完后,执行第二个定时器”
最新推荐文章于 2023-03-30 11:49:40 发布