Javascript, temporizador de cuenta atrás y texto de pantalla

Question

Estoy haciendo un temporizador de cuenta atrás con JavaScript.

Aquí está mi script.

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

Empieza a contar desde 10 segundos.

Quiero eliminar segundos cuando se pone 0 segundos y mostrar un '¡Estás listo!' mensaje.

¿Alguien puede ayudar?

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

Aquí está el 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>