Javascript, đồng hồ đếm ngược và văn bản hiển thị

Question

Tôi đang tạo đồng hồ đếm ngược với JavaScript.

Đây là tập lệnh của tôi.

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); 

Bắt đầu đếm từ 10 giây.

Tôi muốn loại bỏ giây khi nó được 0 giây và hiển thị 'Bạn đã sẵn sàng!' thông điệp.

Có ai giúp được không?

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); 

Đây là 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>