如何等第一段代码执行完毕后再执行第二段
时间: 2024-02-27 12:56:30 浏览: 15
可以使用JavaScript中的回调函数或者Promise来实现等待第一段代码执行完毕后再执行第二段代码。
使用回调函数的方式,可以将第二段代码作为第一段代码执行完毕后的回调函数,在第一段代码执行完毕后再调用回调函数执行第二段代码。示例代码如下:
```
// 第一段代码
$('.defaulhovnertImg').hide(function(){
// 第二段代码
$('.navbar-default').css('background-color','inherit');
});
```
使用Promise的方式,则可以使用async/await或者.then()的方式来等待第一段代码执行完毕后再执行第二段代码。示例代码如下:
```
// 将第一段代码封装成Promise
function hideElement(){
return new Promise(function(resolve, reject){
$('.defaulhovnertImg').hide();
resolve();
})
}
// 使用async/await方式
async function myFunction(){
await hideElement();
// 第二段代码
$('.navbar-default').css('background-color','inherit');
}
// 使用.then()方式
hideElement().then(function(){
// 第二段代码
$('.navbar-default').css('background-color','inherit');
})
```
相关推荐
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)