Показать скрытый div в javascript?

Question

У меня есть этот таймер обратного отсчета времени, и как только он достигает 0, я хочу, чтобы показать DIV, который в данный момент настроен: display: none;

Вот код обратного отсчета:

function startTimer(duration, display) { 
     var timer = duration, 
      minutes, seconds; 
     setInterval(function() { 
     minutes = parseInt(timer/60, 10) 
     seconds = parseInt(timer % 60, 10); 

     minutes = minutes < 10 ? "0" + minutes : minutes; 
     seconds = seconds < 10 ? "0" + seconds : seconds; 

     display.textContent = minutes + " min " + seconds + " sec"; 

     if (--timer < 0) { 
      display.textContent = "Yay, It's done!" 

     } 

     }, 1000); 
    } 

    window.onload = function() { 
      display1 = document.querySelector('#time1'); 

     startTimer(1 * 5, display1); 
    }; 

В этой части:

if (--timer < 0) { 
    display.textContent = "Yay, It's done!" 

как я могу сделать это также показать скрытый div, после показа этого текста?

Answer 1

Вы должны настроить его отображение на блокировку.

elementYouWantToShow.style.display = 'block'; 

Answer 2

Plain JS

document.getElementById('myID').style.display = "block"; 

JQuery

$('#myID').fadeIn();