【问题标题】:Show hidden div in javascript?在javascript中显示隐藏的div?
【发布时间】:2015-10-15 19:50:56
【问题描述】:

我有这个倒计时,一旦到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?

【问题讨论】:

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

标签: javascript html show hidden


【解决方案1】:

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

elementYouWantToShow.style.display = 'block';

【讨论】:

    【解决方案2】:

    纯 JS

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

    jQuery

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-04-04
      • 2021-02-05
      • 2020-05-25
      • 2014-01-30
      相关资源
      最近更新 更多