Javascript Count Down

Question

Я нахожусь в процессе создания простого файла javascript, который отсчитывает от 20 до 0. Я застрял на том, как его исправить. Вот мой код, любая помощь действительно оценена!

var count; 
 
    document.write("Starting Loop" + "<br />"); 
 
    for (count = 20; count <= 0; count++) { 
 
    document.write("Current Count : " + count + "<br/>"); 
 

 
    //document.write("<br />"); 
 
    } 
 

 
    document.write("Loop stopped!");

Answer 1

трех положений в для цикла сказать следующую вещь (по порядку):

• Каковы начальные значения?
• Как долго я буду продолжать?
• Что я могу изменить каждую итерацию?

В вашем конкретном случае вы начинаете отсчет в 20, вы продолжаете в цикле, если количество меньше или равно 0, и вы добавляете 1 к счету каждый время его петли. Поскольку второе предложение оценивается как false, цикл for не будет работать!

Что вы ищете должно быть больше, как это:

for (count = 20; count >= 0; count--) 

Это запустит счетчик на 20, продолжаться до тех пор, пока значение счетчика больше или равно 0, и вычесть 1 из подсчета на каждой итерации.

Собираем все вместе ...

var count; 
 
document.write("Starting Loop" + "<br />"); 
 

 
for (count = 20; count >= 0; count--) { 
 
    document.write("Current Count : " + count + "<br/>"); 
 
} 
 

 
document.write("Loop stopped!");

Answer 2

Вы вопрос счетчик неправильно. У вас есть

for(count = 20; count <= 0; count++) 

Это говорит старт на count = 20, пока счетчик не будет меньше или равно нулю, добавьте 1 подсчитывать каждый раз. В этом нет смысла.

Вот что вы должны использовать.

document.write("Starting Loop" + "<br />"); 
 
    for (var count = 20; count >= 0; count--) { 
 
     document.write("Current Count : " + count + "<br/>"); 
 

 
     //document.write("<br />"); 
 
    } 
 

 
    document.write("Loop stopped!");

Answer 3

Вы можете использовать setTimeout и рекурсивную функцию.

setTimeout принять два параметра, выполняемую функцию и время в мс до выполнения. Здесь вы можете выбрать задержку между каждой итерацией.

var counter=20; 
 
function countdown(counter) 
 
{ 
 
    if(counter>0) 
 
    { 
 
     counter--; 
 
     setTimeout(function(){countdown(counter)},1000); 
 
     console.log(counter); 
 
    } 
 
} 
 

 
countdown(counter);