在javascript中显示隐藏的div?
我有这个倒计时计时器,当它达到0时,我希望它显示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
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”