JavaScript、カウントダウンタイマー、テキスト表示

Question

JavaScriptでカウントダウンタイマーを作っています。

ここに私のスクリプトです。

var seconds_left = 10; 
var interval = setInterval(function() { 
    document.getElementById('timer_div').innerHTML = --seconds_left; 

    if (seconds_left <= 0) 
    { 
     //When it gets to 0 second, I want to show 'You are Ready!' text message. 

    } 
}, 1000); 

10秒から数え始めます。

秒が0秒になると消えて、「あなたは準備ができました！」と表示されます。メッセージ。

誰でも手助けできますか？ここで

Answer 1

var seconds_left = 10; 
var interval = setInterval(function() { 
    document.getElementById('timer_div').innerHTML = --seconds_left; 

    if (seconds_left <= 0) 
    { 
     document.getElementById('timer_div').innerHTML = 'You are ready'; 
     clearInterval(interval); 
    } 
}, 1000); 

Example

Answer 2

document.getElementById('timer_div').innerHTML = "You are Ready!"; 

Answer 3

<script> 
    TargetDate = "12/31/2020 5:00 AM"; 
    DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds."; 
    FinishMessage = "It is finally here!"; 
</script> 
<script src="//scripts.hashemian.com/js/countdown.js"></script>