小编Zai*_*ahi的帖子

Javascript 如何在 3 秒后再次倒计时?

从 10 到 1 的循环倒计时工作正常,但我想在暂停 3 秒后再次开始倒计时(从 10 到 1,无需重新加载)。我尝试在 setTimeOut 中使用 setTimeOut 但它不起作用。这是代码。

var countdownNumberEl = document.getElementById('countdown-number');
var countdown = 10;

countdownNumberEl.textContent = countdown;

setInterval(function() {
  countdown = --countdown <= 0 ? 10 : countdown;

  countdownNumberEl.textContent = countdown;
  
  setInterval(function(){
 countdownNumberEl.textContent = countdown;

  },3000)
}, 1000);
Run Code Online (Sandbox Code Playgroud)
<div id="countdown">
  <div id="countdown-number"></div>
  <svg>
    <circle r="18" cx="20" cy="20"></circle>
  </svg>
</div>
Run Code Online (Sandbox Code Playgroud)

html javascript css asynchronous web

4
推荐指数
1
解决办法
153
查看次数

标签 统计

asynchronous ×1

css ×1

html ×1

javascript ×1

web ×1