Обратный отсчет Javascript за каждые 3 секунды

Question

Это мой первый пост на этом форуме, Я привязывался по всему Интернету к обратному отсчету javascript, который менял каждые 3 (а не 1 секунду) Пример: скрипт-шоу «30» после 3 секунд сценарий покажет «29» Можете ли вы мне помочь? Сказал (а) спасибо: D

Answer 1

Хотя stackoverflow не является кодом для вашего кода, я дам вам отправную точку. Для этого вы можете использовать setInverval:

var counter = 30; 

setInterval(function() { 
    console.log(--counter); 
}, 3000); 

Jsfiddle

Answer 2

Вы можете использовать функцию setInterval выполнить определенный код каждые х милисекунд, например, каждые 3000 мс = 3 с. Функция обратного вызова, которую вы передаете на setInterval, затем запускается каждые x ms. В вашем случае вам нужно получить ссылку на объект DOM, содержащий значение, уменьшить его и передать обратно в элемент DOM. Вы также должны остановить таймер, когда это будет сделано. Пример:

var timer = setInterval(function() { 
 
    var elem = document.getElementById("timerCounter"); 
 
    var val = parseInt(elem.innerHTML); 
 

 
    if (val === 0) { 
 
    clearInterval(timer); 
 
    return; 
 
    } 
 

 
    val--; 
 

 
    elem.innerHTML = val; 
 
}, 3000);

<div id="timerCounter">30</div>

Answer 3

Примечание

• использование window.setInterval(callback, interval)
• Не забыли очистить интервал, когда вы закончили с window.clearInterval (ссылка)

var counter = 30; 
 
var output = document.getElementById('foo'); 
 
var interval = setInterval(function() { 
 
    if (counter == 0) { 
 
    clearInterval(interval); 
 
    } 
 
    output.innerHTML = "Counter = " + counter; 
 
    counter--; 
 
}, 3000);

<div id="foo"> 
 
</div>