본문 바로가기

Programming/JavaScript

거꾸로 시간 카운트 되는 자바스크립트

var startExm = new Date('<%= StartDate.Value %>');

function CalcRemaining(obj)
{
    var now = new Date();

    var difference = parseInt(((startExm.getTime() - now.getTime()) / 1000) + 0.999);
   
    if (difference > 0)
    {
        var secs = difference % 60

        difference = parseInt(difference / 60)
        var minutes = difference % 60

        difference = parseInt(difference / 60)
        var hours = difference % 24

        difference = parseInt(difference / 24)
        var days = difference
        var texts = ((!hours) ? hours + '시간 ' : '')
            + minutes + '분 '
            + secs + '초'
    }
    else
    {
        var days = '0';
        var hours = '0';
        var minutes = '0';
        var secs = '0';
        var texts = '시험 종료됨';
    }
   
    document.getElementById(obj).innerText = texts;

    setTimeout("CalcRemaining('<%= ExmTime.ClientID %>')", 250);
}

function window_onload()
{
    CalcRemaining('<%= ExmTime.ClientID %>');
}

자바스크립트로 시간이 거꾸로 가도록 처리하는 구문이 필요할 때가 있습니다.

이럴때는 setTimeout()이라는 자바스크립트 메소드를 사용하게 되죠.

시험보는 페이지를 제작할 때 사용했던 자바스크립트입니다.

맨위에 변수에 종료할 시간을 입력하면 시간이 거꾸로 가도록 만들어져 있죠~

현제 코드는 ASP.NET이지만 다른 언어에서도 적용할 수 있을 듯 합니다. ㅎㅎ
반응형