javascript - 在javascript中显示隐藏的div?

标签 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 = 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?

最佳答案

您可以将其显示设置为阻止。

elementYouWantToShow.style.display = 'block';

关于javascript - 在javascript中显示隐藏的div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33157294/

相关文章:

grails - grails g:link帮助

Javascript 数组本身在迭代时变为未定义

javascript - 添加 Font Awesome 图标

javascript - 自动建议两个输入框

css - 如何将 div 定位在另一个带有图像的 div 下方?

javascript - 在两个 css 类之间创建一个 div 标签切换

javascript - 在平板电脑上禁用 Bootstrap 模式的淡入淡出

javascript - 在附加之前不显眼的 jQuery 设置属性 - 是否可以使用更有效的语法?

javascript - Safari 12 css 动画效果不佳

jquery - 隐藏相同的div并在加载时显示它