zoukankan      html  css  js  c++  java
  • promise 封装定时器

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

  • 相关阅读:
    jenkins配置html报告
    JMeter并发测试(设置集合点)
    jmeter压力测试 设置一秒发送一次请求,一秒两次请求
    jmeter压力测试的简单实例+badboy脚本录制
    JMeter问题集
    英语自然拼读法基本规则和小窍门
    Jmeter工具做性能测试 常见的错误汇总
    如何使用JDK自带工具JConsole
    第七章 JMeter 逻辑控制器
    第六篇:JMeter 断言
  • 原文地址:https://www.cnblogs.com/jayking1314/p/14903498.html
Copyright © 2011-2022 走看看