当前位置: 移动技术网 > IT编程>网页制作>CSS > js实现sleep效果教程

js实现sleep效果教程

2019年04月30日  | 移动技术网IT编程  | 我要评论

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)})

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网