主页 / 问题 / 1227537
Accepted
Руслан Мамедов
Asked:2022-01-06 00:20:59 +0000 UTC2022-01-06 00:20:59 +0000 UTC

程序冻结 3 秒

  • 772

我的程序在按下“开始”按钮的同时冻结了 3 秒钟。但是我想让它每秒改变一下totalSpeed标签的内容（它是一个h2标签），这样点击它之后，它就开始倒数3...2...1。感谢您的帮助。

let speed = document.getElementById("totalSpeed");

function startGame(e) {
  for (let i = 3; i > 0; i--){
    speed.textContent = "Начало через: " + i;
    wait(1000);
  }
  /* Other code */
}

function wait(ms) {
  let currentDate = Date.now();
  while (currentDate + ms > Date.now()) {}
}

startBtn.addEventListener("click", startGame);
javascript

2 个回答

  1. Best Answer
    function startGame(e) {
  speed.textContent = "Начало через: " + 3;
  for (let i = 3; i > 0; i--) {
    setTimeout(function() {
      speed.textContent = "Начало через: " + (i - 1);
      if (i == 1) {
        /* Other code */
      }
    }, 1000 * (4 - i));
  }
}
    • 2

  2. 您不应该while与时间一起工作-它会冻结计算机（毕竟，它会不断地执行相同的操作）

    使用标准功能，如setTimeout

    let speed = document.querySelector(".totalSpeed");

function myTimer(arg) {
    speed.textContent = "Начало через: " + arg;
    
    if (arg > 0)
      setTimeout(myTimer, 1000, arg - 1);      
}
    
function startGame(e) {
  
  myTimer(10);

  /* Other code */
}

speed.addEventListener("click", startGame);
    .totalSpeed {
  display: inline-block;
  border: 1px solid red;
  padding: 10px;
  cursor: pointer;
}
    <div class = 'totalSpeed'>КНОПКА</div>

    • 1

相关问题