2015-10-15 108 views
0

我有這個倒數計時器,並且一旦達到0,我想讓它顯示DIV,這是當前設置爲:display: none;在javascript中顯示隱藏的div?

這裏是倒計時代碼:

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後,顯示該文本?

+0

設置CSS來'顯示:塊;' –

+0

添加樣式到你的'display'元素(使其可見),即'顯示.style.display =「block」;' – ochi

回答

1

您可以將其顯示設置爲阻止。

elementYouWantToShow.style.display = 'block'; 
1

平原JS

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

JQuery的

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