タイムアウトのループはうまくいかず、奇妙な数字を返します

Question

私は単純な変数を使って、JavaScriptのカウントダウンをしたい、ループのためにタイムアウトを設定します。

forループの更新をリアルタイムで（毎秒）実行しようとすると、ウェブページで-1が表示されます。

//HTML PART 

<p id=timer>0</p> 


//JS PART 
var timer = 10; 
var text = ""; 

function f() { 
    for (timer; timer > 0; timer--) { 
    text += timer + "<br>"; 
    } 
    timer--; 
    if(timer > 0){ 
     setTimeout(f, 1000); 
    } 
} 
f(); 

document.getElementById("timer").innerHTML = timer; 

エラーを説明し、私は愚かなミスをやっている場合は、値を毎秒を変更することにより、10から0までのタイマー値を表示するように

Answer 1

が見えるしてください。もしそうなら、あなたは次のようにすることができます：
1.このようなタイマーの周りに引用符を入れてHTMLを修正する必要があります<p id="timer">0</p>
2.私はコメントしたようにforループを削除する必要があります。
3. document.getElementById("timer").innerHTML = timer;を関数f（）内に移動します。

var timer = 10; 
 
//var text = ""; 
 

 
function f() { 
 
    //for (timer; timer > 0; timer--) { 
 
    // text += timer + "<br>"; 
 
    //} 
 
    document.getElementById("timer").innerHTML = timer; 
 
    timer--; 
 
    if (timer >=0) { 
 
    setTimeout(f, 1000); 
 
    } 
 
} 
 
f();

<p id="timer">0</p>

Answer 2

あなたはそうのようにそれを行うことができ、私は説明のためのコードにコメントを提供：ダウン10 0に

から

var count = 10; 
function timer(targetValue) { 
    // display first number on screen 
    document.getElementById("timer").textContent = count; 

    // decrease count by 1 
    count--; 

    // check if timer is still grater than target value 
    if (count >= targetValue) { 
     // call timer() function every second to update 
     setTimeout(timer, 1000, targetValue); 
    } 
} 
timer(0); 

カウントダウンカウントするようにしたいです10から5まで？単純に使用するtimer(5)