이 사이트를 개설한 지 거의 20일이 되었습니다. 그리 긴 시간은 아닙니다. 이제 막 시작했을 뿐이니까요. 그래서 웹사이트가 운영된 시간을 기록할 수 있도록 온라인 타이머를 만들어 보기로 했습니다. 군말 없이 바로 시작하겠습니다.

먼저 JavaScript를 사용해 시간을 정의한 다음, HTML로 출력하는 방법을 생각했습니다. 가장 번거로운 부분은 역시 시간 계산 문제였습니다. 아래는 코드 공유입니다:

HTML 코드

이 사이트는 안정적으로 운영된 시간: <span id="htmer_time"></span>

JavaScript 코드

function secondToDate(second) {
    if (!second) {
        return 0;
    }
    var time = new Array(0, 0, 0, 0, 0);
    if (second >= 365 * 24 * 3600) {
        time[0] = parseInt(second / (365 * 24 * 3600));
        second %= 365 * 24 * 3600;
    }
    if (second >= 24 * 3600) {
        time[1] = parseInt(second / (24 * 3600));
        second %= 24 * 3600;
    }
    if (second >= 3600) {
        time[2] = parseInt(second / 3600);
        second %= 3600;
    }
    if (second >= 60) {
        time[3] = parseInt(second / 60);
        second %= 60;
    }
    if (second > 0) {
        time[4] = second;
    }
    return time;
}

function setTime() {
    var create_time = Math.round(new Date(Date.UTC(2017, 04, 18, 2, 0, 0)).getTime() / 1000);
    var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
    currentTime = secondToDate((timestamp - create_time));
    currentTimeHtml = currentTime[0] + '年 ' + currentTime[1] + '天 ' + currentTime[2] + '时 ' + currentTime[3] + '分 ' + currentTime[4] + '秒 ';
    document.getElementById("htmer_time").innerHTML = currentTimeHtml;
}
setInterval(setTime, 1000);

사용 방법

1. 새 time.js 파일을 만들고 JavaScript 코드를 해당 파일에 작성합니다.
2. 해당 time.js 파일을 웹사이트 루트 디렉터리(또는 접근 가능한 디렉터리)에 넣습니다. 본인이 기억하고 있으면 됩니다.
3. 웹사이트 상단에서 이 JavaScript 파일을 불러옵니다.
4. 운영 시간을 표시할 위치에 HTML 코드를 작성합니다.