2015-10-15 110 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();