欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js实现sleep效果教程

程序员文章站 2022-05-18 17:29:10
1.使用promise function sleep(ms){ var temple=new promise( (resolve)=>{...

1.使用promise

function sleep(ms){
    var temple=new promise(
    (resolve)=>{
        console.log(111);settimeout(resolve,ms)
    });
    return temple
}
sleep(500).then(function(){
    console.log(222)
})

2.使用async

function sleep(ms){
        return new promise((resolve)=>settimeout(resolve,ms));
    }
async function test(){
    var temple=await sleep(1000);
    console.log(1111)
    return temple
}
test();

3.使用generator

function* sleep(ms){
    yield new promise(function(resolve,reject){
              console.log(111);
              settimeout(resolve,ms);
         })  
 }
 sleep(500).next().value.then(function(){console.log(2222)})