js 程序暂停、停止、开始

复制代码
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>开始、暂停、停止</title>
</head>
<body>
<button id="start">Start</button>
<button id="pause">Pause</button>
<button id="stop">Stop</button>
<script>
  let time = 0

  function promise(ms) {
    return new Promise(function (resolve, reject) {
      setTimeout(function () {
        time++;
        if (time > 10) {
          time = 0;
          reject("time out:" + time)
        } else {
          resolve(time)
        }
      }, ms || 2000)
    })
  }

  let arr = [];
  for (let i = 0; i < 11; i++) {
    arr.push(promise);
  }
  let flag = true;

  function testPause() {
    return arr[time](2000)
      .then(function () {
        if (flag) {

        } else {
          testPause()
        }
      })
      .catch(function (reason) {
        console.error(reason)
      })
  }

  document.getElementById("pause").onclick = function () {
    flag = true;
  }
  document.getElementById('start').onclick = function () {
    flag && testPause();
    flag = false;
  }
  document.getElementById("stop").onclick = function () {
    flag = true;
    time = 0;
  }
</script>
</body>
</html>
复制代码

 

posted @   一夜梦想  阅读(7242)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 提示词工程——AI应用必不可少的技术
点击右上角即可分享
微信分享提示
SQL AI 助手