상태표시줄에 날자 시간 출력 자바스크립트

2007. 7. 8. 23:31Programming/JavaScript

1초마다 현재 날자 시간을 구하는 함수를 호출하도록 하는 setTimeout() 함수가 중요하게 사용된다.

이 예제를 해보면 많이 주기적으로 실행되는 스크립트에 도움이 되지 않을까 생각한다 ^ ^


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>상태바의 날자표시</title>
   
    <script type="text/javascript">
    <!--//
    var id;
   
    function getNowDate()
    {
        var d = new Date();
        return "오늘은 "
            + d.getFullYear() + "년 "
            + d.getMonth() + "월 "
            + d.getDate() + "일 "
            + d.getDay() + "요일 "
            + d.getHours() + "시 "
            + d.getMinutes() + "분 "
            + d.getSeconds() + "초";
    }
   
    function printToStatus()
    {
        window.status = getNowDate();
        id = setTimeout('printToStatus()', 1000);
    }
   
    function printStop()
    {
        clearTimeout(id);
    }
    //-->
    </script>
</head>
<body onload="printToStatus()">

    <h1>상태 표시줄에 시간 가는 예제</h1>
   
    <input id="Button1" type="button" value="시계작동" onclick="printToStatus()" />
    <input id="Button2" type="button" value="시계멈춤" onclick="printStop()" />
   
</body>
</html>