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後,顯示該文本?
設置CSS來'顯示:塊;' –
添加樣式到你的'display'元素(使其可見),即'顯示.style.display =「block」;' – ochi