아래처럼 1분후에<div class="002">나타나는데 여기에서 30초후에<div class="003">을 출력하려합니다.

아래처럼 1분후에<div class="002">나타나는데 여기에서 30초후에<div class="003">을 출력하려합니다.

QA

아래처럼 1분후에<div class="002">나타나는데 여기에서 30초후에<div class="003">을 출력하려합니다.

본문

아래처럼 1분후에<div class="002">나타나는데 여기에서 30초후에<div class="003">을 출력하려합니다.

고수님 도와주세요

 

 

<SCRIPT type="text/javascript">
window.onload=function(){
var maxtime = 1 * 60; 
var div1=document.getElementsByClassName("001")[0];
var div2=document.getElementsByClassName("002")[0];
var timer=document.getElementById("timer");
div1.style.display="block";
div2.style.display="none";
(function CountDown(){
var minutes=parseInt(maxtime/60);
var seconds=parseInt(maxtime%60);
timer.innerHTML=minutes+"分 "+seconds+"秒";
if(--maxtime>=0){
setTimeout(CountDown,1000);
}else{
div1.style.display="none";
div2.style.display="block";
}
})();
}
</SCRIPT> 
<div class="001"><div id="timer" style="color:#000;"></div></div>
<div class="002">30초</div>
<div class="003">감사합니다</div>

이 질문에 댓글 쓰기 :

답변 1

<SCRIPT type="text/javascript">
window.onload=function(){
var maxtime = 1 * 60; 
var maxtime2 = 1 * 30; 
var div1=document.getElementsByClassName("001")[0];
var div2=document.getElementsByClassName("002")[0];
var div3=document.getElementsByClassName("003")[0];
var timer=document.getElementById("timer");
div1.style.display="block";
div2.style.display="none";
div3.style.display="none";
(function CountDown(){
    var minutes=parseInt(maxtime/60);
    var seconds=parseInt(maxtime%60);
    timer.innerHTML=minutes+"분 "+seconds+"초";
    if(--maxtime>=0){
    setTimeout(CountDown,1000);
    }else{
        div1.style.display="block";
        div2.style.display="block";

            minutes=parseInt(maxtime2/60);
            seconds=parseInt(maxtime2%60);
            timer.innerHTML=minutes+"분 "+seconds+"초";

        if(--maxtime2>=0){
            setTimeout(CountDown,1000);
        }else{
        div1.style.display="none";
        div2.style.display="none";
        div3.style.display="block";
        }

    }
})();
}
</SCRIPT> 
<div class="001"><div id="timer" style="color:#000;"></div></div>
<div class="002">30초</div>
<div class="003">감사합니다</div>

답변을 작성하시기 전에 로그인 해주세요.
전체 10,628
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT