[JavaScript 예제] 시간이 흐르는 시간 텍스트 출력하기 :: 소림사의 홍반장!
실행 소스

<?xml version="1.0" encoding="EUC-KR" ?>

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" />

<title>날짜 (Date)</title>

<script type="text/javascript">

function init() {

//     var target = document.getElementById('target');

//     target.innerHTML = new Date();

       

        // Window 객체는 생략이 가능하다.

        no = setInterval(setTime, 1000);                // 가능

//     setInterval("setTime()", 1000);          // 가능

}

function setTime() {

        var target = document.getElementById('target');

        var date = new Date();

       

        // 2012-09-11 16:14:00 식으로 출력

       

//     target.innerHTML = date.getFullYear() + '-' + (date.getMonth() + 1)

//                            + '-' + date.getDate() + ' ' + date.getHours() + ':' +

//                            date.getMinutes() + ':' + date.getSeconds();

        target.innerHTML = date.toLocaleString();

        }

        /* var target = document.getElementById('target');

         alert(target); */

</script>

</head>

<body onload="init();">            <!-- 첫화면 띄울때 뭔가 해주고 싶으면 -->

        <input type="button" value="멈춰라" onclick="clearInterval(no);" />

        <input type="button" value="돌려라" onclick="init();" />

        <div id="target"></div>

</body>

</html>

 



실행 결과
날짜 (Date)

다른 카테고리의 글 목록

Dev. 웹/JavaScript 카테고리의 포스트를 톺아봅니다