안녕하세요.

첫번째 테스트 글입니다.

앞으로 꾸준히 업데이트 해 나갈 생각이고 아직 개발 단계라 많이 부족한 사이트입니다.
테마를 봤더니 만들어진 테마는 커스터마이징 하기가 좀 힘들어보여서, 기본 테마에서 직접 수정해나갈 계획입니다.

{\% highlight html linenos \%} ... {\% endhighlight \%} 으로 감싸서 사용하고 있습니다.
( ‘ \ ‘ 빼고 써야됨 )

아래는 이전에 사용했었던 현재 시간을 기준으로 값을 실시간 업데이트하는 예제 입니다.

1

<span id="clock"></span>

여기서는 태그 바로 아래 이 스크립트를 작성했습니다. <script> ... </script>로 감싸줍니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

function checkTime(i) {
    if (i < 10) i = "0" + i;
    return i;
}

function startTime() {
    var today = new Date();
    var year = today.getFullYear();
    var month= checkTime(today.getMonth()+1);
    var day  = checkTime(today.getDate());
    var h = checkTime(today.getHours());
    var m = checkTime(today.getMinutes());
    var s = checkTime(today.getSeconds());

    document.getElementById('clock').innerHTML =
        year + "-" + month + "-"+ day + " " + h + ":" + m + ":" + s + " +0900";
}

window.addEventListener("onload", setInterval(startTime, 500));
// ID가 'clock' 인 태그를 찾아 0.5초에 한번씩 시간을 업데이트 합니다.

* 결과

더 많은 예제는 w3school 홈페이지를 통해 한번 확인해보세요