일정 시간이 지나면 숨겨진 레이어 보이기
일정한 시간이 지나면 숨겨져 있던 div가 나오고 기존에 카운팅 되는 div는 숨겨지도록 구성했습니다.
123456789101112131415161718let delay = 60 * 1;
let timer = setInterval(function () {
if (delay >= 0) {
var minutes = Math.floor(delay / 60);
var seconds = Math.floor(delay % 60);
var msg = minutes + "분 " + seconds + "초";
document.getElementById("timer").innerHTML = msg;
--delay;
} else{
document.getElementById("timer").style.display = "none";
document.getElementById("hide").style.display = "block";
clearInterval(timer);
}
}, 1000);
window.onload = timer;
12345678910<html>
<body>
<div id="timer">
</div>
<div id="hide">
기다려주셔서 감사 합니다.
</div>
</body>
</html>
12body { background-color:#000; color:#FFF; }
#hide { display:none; }