从 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)