vue极简语法 等待定时器执行完毕再执行其他语句，定时器异步改同步

最新推荐文章于 2024-07-12 15:14:43 发布
最新推荐文章于 2024-07-12 15:14:43 发布
阅读量245 收藏
点赞数 3
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39897287/article/details/136193212
版权 
		定义一个sleep  
				const sleep=(delay=2000)=>new Promise(resolve=>setTimeout(resolve,2000));
		使用时 
		async  getData(){
			await  sleep(3000);
			if(...){
					await  sleep(2000);
					.....
			}
			await  sleep(3000);
			.....
		}
	优点不用在定时器里面包了一层又一层  避免重复循环   代码简洁
柠檬不喝柠檬茶
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue实现在一个方法执行完后执行另一个方法
askuld的博客
12-13 5279
使用回调函数处理异步操作。在异步方法中传入一个回调函数，然后在异步方法完成后调用回调函数。Vue 中也可以使用 async/await 语法糖来处理异步操作。2、 使用 async/await。
vue 使用 setTimeout 页面保证接口调用完毕再继续执行接下来的代码 确保执行顺序
quKbin的博客
10-18 6889
场景：          我想要不调用一个接口的到结果然后复制 最后进行提交前的判断，但是再页面查询执行顺序总是执行到checkEnableTime这一行就直接跑到if（）{}判断的地方，最后又回到checkEnableTime方法中 .then中进行赋值（这个时候已经晚了，我的判断么有起到正确过滤的作用） 解决：        尝试使用setTimeout 让判断的代码延后500毫秒执行，...
vue执行顺序问题 执行完一个方法后再执行另一个方法
星河的专栏
10-22 1万+
网上找的，遇到的问题，当方法调用后数据未返回就执行下一步了。 解决方法： function fun1(){ return new Promise((resolve, reject) => { /* 你的逻辑代码 */ console.log("1"); }); }, function fun2(){ return new Promise((resolve, reject) => { /* 你的逻辑代码 */ ...
vue_等多个请求执行完再执行下一个方法（Promise.all用法）
浮生的博客
02-02 1万+
vue_等多个请求执行完再执行下一个方法（Promise.all用法） getData1() { return new Promise((resolve, reject) => { request1(requestParams).then((res) => {//接口1 xxx resolve(res); }).catch(e =>{ reject(e) }) });
js异步等待完成后再进行下一步操作_Vue 之异步更新机制和nextTick原理
weixin_39879674的博客
12-01 2374
阅读本文约需要8分钟大家好，我是你们的导师，我每天都会在这里给大家分享一些干货内容(当然了，周末也要允许老师休息一下哈)。上次老师跟大家分享了JS 之函数式编程术语总结的知识，今天跟大家分享下Vue 之异步更新机制和nextTick原理的知识。1Vue 之异步更新机制和nextTick原理参考文献：https ://www.cnblogs.com/chanwahfung/p/13296...
400多种Javascript应用实例源码.rar
12-26
7. **定时器与回调函数**：setTimeout和setInterval用于延迟或周期性执行代码，回调函数则是异步编程的重要组成部分。 8. **正则表达式**：用于字符串的模式匹配和处理，常用于表单验证。 9. **ES6及以后的新特性*...
task-manager
03-20
async函数返回一个Promise，而await关键字用于等待Promise的解决，使得代码看起来像是同步执行。 5. **模块系统**：在JavaScript中，可以使用CommonJS（Node.js）或ES6模块（import/export）来组织代码和实现模块化...
L200150117.github.io
05-01
1. **基础语法**：JavaScript的基本语法包括变量声明（var、let、const）、数据类型（如字符串、数字、布尔、null、undefined、对象、数组）、运算符（算术、比较、逻辑、赋值等）以及流程控制语句（条件语句、循环...
JavaScript 知识图谱
03-26
包括基础语法、数据类型、控制结构、函数、对象、数组、类与模块、DOM操作、BOM处理、事件处理、异步编程、Ajax、jQuery库、CSS操作、浏览器兼容性问题以及框架（如React、Vue、Angular等）的使用等。 1. **基础...
resume:Shanni 的示例代码
06-21
- 控制流语句：如条件语句（if...else）、循环（for、while、do...while）、开关语句（switch）等，控制程序执行流程。 2. **函数和闭包** - 函数：JavaScript中的函数是第一类对象，可以作为参数传递，也可以...
vue在一个方法执行完后执行另一个方法
热门推荐
东黧的博客
03-27 8万+
vue在一个方法执行完后执行另一个方法 用Promise来实现 function2(){ // 你的逻辑代码 return Promise.resolve(/* 这里是需要返回的数据*/) } function3(){ // 你的逻辑代码 return Promise.resolve(/* 这里是需要返回的数据*/) } // 调用 function1(...
ie 不执行回调函时_setTimeout和setImmediate到底谁先执行，本文让你彻底理解Event Loop...
weixin_39590989的博客
11-22 313
笔者以前面试的时候经常遇到写一堆setTimeout,setImmediate来问哪个先执行。本文主要就是来讲这个问题的，但是不是简单的讲讲哪个先，哪个后。笼统的知道setImmediate比setTimeout(fn, 0)先执行是不够的，因为有些情况下setTimeout(fn, 0)是会比setImmediate先执行的。要彻底搞明白这个问题，我们需要系统的学习JS的异步机制和底层...
vue在多方法执行完后再执行另一个方法（等待请求完数据再执行）async/await使用方法和Promise.all
u011280778的博客
09-14 2万+
vue在一个方法执行完后执行另一个方法 用Promise.all来实现。 Promise是ES6的新特性，用于处理异步操作逻辑，用过给Promise添加then和catch函数，处理成功和失败的情况 ES7中新提出async搭配await，建议使用async搭配await。 function fun1(){ return new Promise((resolve, reject) => { /* 你的逻辑代码 */ console.log("1");
JavaScript定时器详解
静心梦工厂
02-17 1680
定时器 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰目录 setTimeout() setInterval() clearTimeout()，clearInterval() 运行机制 setTimeout(f,0) 含义 应用 正常任务与微任务 参考链接 JavaScript提供定时执行代码的功能，叫做定时器（timer），主
js 定时器 （执行一次 重复执行）
HEshenghuxi的博客
11-22 2205
js定时器整理(执行一次、重复执行) 在javascritp中，有两个关于定时器的专用函数，分别为： 1.倒计定时器：timename=setTimeout(“function();”,delaytime); 2.循环定时器：timename=setInterval(“function();”,delaytime); 第一个参数“function()”是定时器触发时要执行的动作，可以是一个函数，也...
vue多个等待几秒再执行，可以用await加setTimeout实现
myforr的博客
10-03 5121
所以后面用async+await（里面setTimeout）就可以了。上面这样连续两个，第一个setTimeout不执行。用的vue，刚开始一直想只用setTimeout。因为要等await返回结果才往下面执行。
Vue中使用定时器setInterval和setTimeout
weixin_30376509的博客
11-22 474
js中定时器有两种，一个是循环执行setInterval，另一个是定时执行setTimeout 一、循环执行（setInterval） 顾名思义，循环执行就是设置一个时间间隔，每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉 用法是setInterval（“方法名或方法”，“延时”）， 第一个参数为方法名或者方法，注意为方法名的时候不要加括号,第二个参数为时间间隔 ...
setTimeout执行原理
问心.心问的博客
06-04 1166
setTimeout执行原理 setTimeout属于异步执行函数，当程序执行完console.log(1,time1)后;遇到setTimeout会将该函数放入等待队列，等待当前主程序执行完毕后开始执行setTimeout,由于后面的几个都是setTimeout,因此都会放到等待队列~~~ 那么这些队列里的函数谁先执行呢？就是根据setTimeout里的第二个参数（延迟时间）决定的，例如 setTimeout(function(){ var time3=new Date().getTim
vue解决页面放大图片模糊的问题
最新发布
m0_56104994的博客
07-12 323
解决页面放大，图片模糊的问题
vue等待forEach全部执行完毕后再执行后续代码
04-13
对于这个问题，我可以提供一些代码实现的建议。你可以使用async/await语法进行等待，比如： async function doSomething() { await Promise.all(items.map(async (item) => { await doSomethingAsync(item); })); console.log('全部执行完毕'); // 在这里编写你想要执行的后续代码 } 请注意，这个方案可能需要在您的代码中进行适当调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值