【发布时间】: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