• 쇼핑몰
  • 커뮤니티
  • 북마크

JAVASCRIPT

JAVASCRIPT 5분 타이머

익명
2020.04.25 02:19 7,952 0

본문

<script language="JavaScript">
    var SetTime = 300;      // 최초 설정 시간(기본 : 초)
    function msg_time() {   // 1초씩 카운트      
        m = Math.floor(SetTime / 60) + "분 " + (SetTime % 60) + "초"// 남은 시간 계산         
        var msg = "현재 남은 시간은 <font color='red'>" + m + "</font> 입니다.";  
        document.all.ViewTimer.innerHTML = msg;     // div 영역에 보여줌                  
        SetTime--;                  // 1초씩 감소
        if (SetTime < 0) {          // 시간이 종료 되었으면..        
            clearInterval(tid);     // 타이머 해제
            alert("종료");

        }       
    }
    window.onload = function TimerStart(){ tid=setInterval('msg_time()',1000) };
</script>
<div class="container">
    <h2>
        <div id="ViewTimer"></div>
    </h2>
</div>


댓글목록 0

등록된 댓글이 없습니다.