setIntervalリセットループが機能しません

Question

私は5から0までのカウントダウンに以下の関数を作成しましたが、カウントダウンを0で再開しませんでした。

JS：

var cc = 5; 
var myTimer = setInterval(myFn, 1000); 

function myFn() { 
    document.getElementById("counter").innerHTML = -- cc; 

    if (cc == 0) { 
    clearInterval(myTimer); 
    myTimer = setInterval(myFn, 1000); 
    } 

} 

HTML：

<span id="counter">5</span> 

Answer 1

あなたは間隔をクリアして、同じコールバックで別のものを設定していますが、cc変数の値を復元することはありませんされています！

var cc = 5; 
 
var myTimer = setInterval(myFn, 1000); 
 

 
function myFn() { 
 
    document.getElementById("counter").innerHTML= --cc; 
 

 
    if (cc == 0) { 
 
    clearInterval(myTimer); 
 
    cc = 5; 
 
    myTimer = setInterval(myFn, 1000); 
 
    } 
 

 
}

Countdown: <span id="counter">5</span>

Answer 2

var cnt = 5; 
var myTimer = setInterval(myFn, 1000); 

function myFn() { 
    document.getElementById("counter").innerHTML= --cnt; 

    if (cnt == 0) { 
    clearInterval(myTimer); 
    cnt= 5; 
    myTimer = setInterval(myFn, 1000); 
    } 

} 



Counter: <span id="counter">5</span>