Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在javascript中显示隐藏的div?_Javascript_Html_Show_Hidden - Fatal编程技术网

在javascript中显示隐藏的div?

在javascript中显示隐藏的div?,javascript,html,show,hidden,Javascript,Html,Show,Hidden,我有这个倒计时计时器,当它达到0时,我希望它显示div,它当前设置为:display:none 这是倒计时代码: function startTimer(duration, display) { var timer = duration, minutes, seconds; setInterval(function () { minutes = parseInt(timer / 60, 10) seconds = par

我有这个倒计时计时器,当它达到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);
    };
功能启动定时器(持续时间,显示){
var定时器=持续时间,
分,秒;
setInterval(函数(){
分钟=parseInt(计时器/60,10)
秒=parseInt(计时器%60,10);
分钟=分钟<10?“0”+分钟:分钟;
秒=秒<10?“0”+秒:秒;
display.textContent=分钟+分钟+秒+秒;
如果(--定时器<0){
display.textContent=“耶,完成了!”
}
}, 1000);
}
window.onload=函数(){
display1=document.querySelector(“#time1”);
起始计时器(1*5,显示器1);
};
在本部分:

if (--timer < 0) {
    display.textContent = "Yay, It's done!"
if(--timer<0){
display.textContent=“耶,完成了!”

在显示该文本后,如何使其也显示隐藏的div?

您可以将其显示设置为block

elementYouWantToShow.style.display = 'block';
普通JS

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

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

将CSS设置为
display:block;
display
元素添加样式(使其可见),即
display.style.display=“block”