使用 Promise 写一个延时函数

于 2023-05-26 13:06:00 发布
阅读量402 收藏
点赞数
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_60409964/article/details/130884643
版权

如下:

/* 
 * 延时函数
 * @param { number } delay 延迟时间
 * @param { Function } callback 回调的方法
 */
export const delayedExecution = async (delay, callback) => {
    await new Promise(resolve => setTimeout(() => {
        resolve(callback())
    }, delay))
}
喜欢敲代码的乔某人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
通过Promise + setTimeout，实现JavaScript 的同步延迟简单示例
lt_xiaodou的博客
08-24 2949
过去在写 JavaScript 使用的同步延迟时，都是用非同步的 setTimeout 加上 callback 来实现，但如果有很多个任务或流程要执行，就得用上一大堆的 callback，然而 JavaScript 里的 Promise ，刚好就可以用来解决同步与非同步的问题，让整个延迟的过程可以很漂亮简洁且同步的「串」在一起。
JS 通过 Promise 实现延时执行，支持链式调用
灵台方寸山斜月三星洞
01-06 8090
今天需要按顺序执行一组方法，并支持结果向后传递。
一个class运用promise的延时调用
weixin_34068198的博客
06-14 333
使用prosmise链式调用可以实现延时调用的效果 class Person { constructor(name){ this.name = name; this.queue = Promise.resolve(); this.sayHello(); } sayHello(){ console.log('say hello to:'+this....
前端js延迟效果Promise应用
执着的博客
09-23 1207
简单延迟效果 const delay = (t?:number) => { return new Promise((r, j) => { setTimeout(()=>{ r(); }, t) }) } 使用直接async/await搞起 const funcc=async ()=>{ await delay(3000) doSomething() } 执行指定回调函数延迟 const delay = (func: Function,
延时对象promise的使用
weixin_30593261的博客
04-26 241
promise是ES6(ECMA Script6)的新标准，只能在支持ES6的浏览器中使用 Promise是一个延时对象，创建延时对象时需要传入一个函数类型的参数 这个函数有两个参数：resolve和reject Promise对象会立即执行这个函数。 resolve()函数解决当Promise中异步完成任务时，需要调用resolve来通知promise任务完了 reject()函...
js代码-实现一个基本的Promise
07-16
Promise的构造函数接收一个执行器函数，该函数接收两个参数——resolve和reject，它们分别是改变Promise状态的方法。 首先，让我们创建一个Promise构造函数： ```javascript function Promise(executor) { // ...
商业编程-源码-这是一个产生产生毫秒级时钟延时的程序.zip
06-24
4. **系统调用**：某些操作系统提供了专门的延时函数，如C语言中的`usleep`（微秒级别）和`sleep`（秒级别）。这些函数通常直接调用操作系统内核的服务，具有较高的准确性和效率。 5. **并发与线程**：在多线程环境...
javascript 使用sleep函数的常见方法详解
11-21
sleep是一种函数，他的作用是使程序暂停指定的时间，起到延时的效果。 例如： console.log('1'); sleep(5000); console.log('2'); 控制台输出数字1后会间隔5秒后输出数字2 当然上面的代码是不能执行的，因为js中是...
js函数setTimeout延迟执行的简单介绍
11-30
在上述实例中，定义了一个名为`timedMsg`的函数，它使用`setTimeout`设置了一个定时器，5秒钟后弹出一个警告框显示"5 seconds!"。具体的代码如下： ```javascript function timedMsg() { var t = setTimeout(...
让你彻底掌握es6 Promise的八段代码
08-29
async函数内部可以使用`await`关键字，等待一个Promise并返回其结果。 8. **Promise构造函数滥用** 避免在Promise构造函数中执行异步操作，这可能导致不必要的内存消耗和性能问题。通常，Promise应该在需要的地方...
一种Promise延迟休眠方式
Crane的博客
04-12 3586
使用ES6的promise，有时可能会有这样一种需求：休眠xxx毫秒之后再执行指定的promise。可通过下面的方式实现。 1、定义延迟休眠函数 延迟休眠函数仍然返回一个Promise对象，便于和原有的Promise做链式调用。原理是使用js原生的代码如下 /** * 定义休眠函数 * @param {number} msTime 休眠时间，毫秒 */ let sleep = msT...
使用Promise解决多层异步调用的简单学习
knightingal的博客
12-16 747
Promise是个什么东西 Promise解决的问题 考虑如下场景，函数延时2秒之后打印一行日志，再延时3秒打印一行日志，再延时4秒打印一行日志，这在其他的编程语言当中是非常简单的事情，但是到了js里面就比较费劲，代码大约会写成下面的样子： var myfunc = function() { setTimeout(function() { console
promise异步编程指南
qq_34185872的博客
04-11 1083
Promise 的 then 方法,promise 的 then 方法带有一下三个参数：成功的回调，失败的回调，前进的回调。基于协程:Promise 是根据函数式编程的范式，对异步过程进行了一层封装，async/await 基于协程的机制，是真正的“保存上下文，控制权切换……async/await 是对 Promise 的优化:async/await 是基于 Promise 的，是进一步的一种优化，不过在写代码时，Promise 本身的 API 出现得很少，很接近同步代码的写法；
你所不知道的JavaScript开发技巧
WarrenLee的博客
08-13 139
1.延迟函数 const delay = ms => new Promise((resolve, reject) => setTimeout(resolve, ms)) const getData = status => new Promise((resolve, reject) => { status ? resolve('done') : reject('fail') }) const getRes = async (data) => { t
ES6中Promise用法及理解
weixin_46995731的博客
10-10 1329
ES6中Promise用法及理解 promise就是个构造函数，参数为一个函数 构造函数一般使用其实例进行操作，如何得到一个构造函数的实例呢？ 1、new Promise（参数:函数）； 2、参数为一个函数，这个函数同样也有两个参数 resolve reject，这两个参数也是函数 resolve执行后返回promise的成功状态， reject执行后返回promise的错误状态 基本使用形式： var p = new Promise(function(resolve,reject){
浏览器知识（二）
CaraYQ的博客
11-25 540
目录V8引擎是如何执行JS代码的在浏览器中 JS代码是如何被执行的？消息队列和事件循环系统（？）setTimeout是怎么实现的（？）XMLHttpRequest是怎么实现的（？）宏任务和微任务（？）Promise（？）async/await（？） V8引擎是如何执行JS代码的 编译型语言在程序执行之前，需要经过编译器的编译过程，并且编译之后会直接保留机器能读懂的二进制文件，这样每次运行程序时，都可以直接运行该二进制文件，而不需要再次重新编译了。比如 C/C++、GO 等都是编译型语言。 而由解释型语言编
使用ts写一个严格类型推断的防抖函数--支持延迟执行，立即执行，成功失败回调和promise返回值
听雨少年的博客
04-04 2950
TS版的防抖函数(严格的类型推断) export function isFunction(obj: any): obj is Function { return typeof obj === "function"; } type fnType<T> = (...args: T[]) => any; type successCallbackType<T = any> = (...args: T[]) => any; type failCallbackType<T
用Promise实现：带延时功能的链式调用
weixin_33971977的博客
04-23 2360
1 // 1) 调用方式 2 new People('whr').sleep(3).eat('apple').sleep(5).eat('durian'); 3 4 // 2) 打印结果 5 'hello, whr' -(等待3s)--> 'whr eat apple' -(等待5s)--> 'whr eat durian' 6 7 // ...
用 Promise 封装实现一个延时函数，使其效果和 setTimeout 函数一致。
最新发布
06-08
好的，下面是用 Promise 封装实现一个延时函数的代码： ```javascript function delay(time) { return new Promise(function(resolve) { setTimeout(resolve, time); }); } ``` 这个函数接受一个时间参数 `time...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值