promise

记录一次触不及防的面试题,尴尬冷藏,好好学习天天向上。唉!2022-03-16 17:35:50 星期三
function timeout(delay=1000){
  return new Promise((resolve,reject)=>{
    setTimeout(resolve,delay);
  })
}

timeout().then(()=>{
  console.log(1);
  return timeout(2000);
}).then(()=>{
  console.log(2);
});

============================================================================================================================================================================================================

function interval(delay=1000,callback){
  return new Promise((resolve,reject)=>{
    let id = setInterval(()=>{
      callback(id,resolve);
    },delay)
  })
}

interval(100,(id,resolve)=>{
  let box = document.querySelector('#box');
  let left = parseInt(window.getComputedStyle(box).left)
  box.style.left = left + 10 + 'px';
  if(left>=100){
    clearInterval(id);
    resolve(box)
  }
}).then(oNode=>{
  return interval(100,(id,resolve)=>{
    let width = parseInt(window.getComputedStyle(oNode).width);
    oNode.style.width = width-10 + 'px';
    if(width<=20){
      clearInterval(id);
      resolve(box);
    }
  })
}).then(oNode=>{
  interval(100,(id,resolve)=>{
    let height = parseInt(window.getComputedStyle(oNode).height);
    oNode.style.height = height - 10 + 'px';
    if(height<=20){
      clearInterval(id);
    }
  })
});

posted @   举个栗子走天下  阅读(48)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示