png 이미지로 만들어 본 시계입니다.

압축파일 다운로드 받아 원하는 디렉토리로 업로드 후

스크립트에서 올린 디렉토리의 이름을 topUrl 로 주시면 되겠습니다.

basicGap 과 centerGap 은 간격픽셀입니다.

다른 원하는 이미지를 만들어서 응용하여 사용하세요. - http://www.mediaplayer.kr/main/tip/38

[code]

<div id=todayDiv>
<script>
topUrl = "/main/wittazzurri/today/"; // 디렉토리
basicGap = "2px"; // 기본간격
centerGap = "25px"; //중간간격
function todayMode() {
    todayTime = new Date();
    yearSplit = ("" + todayTime.getFullYear()).split("");
    monthSplit = ("0" + (todayTime.getMonth() + 1)).slice(-2).split("");
    daySplit = ("0" + todayTime.getDate()).slice(-2).split("");
    hoursSplit = ("0" + todayTime.getHours()).slice(-2).split("");
    minutesSplit = ("0" + todayTime.getMinutes()).slice(-2).split("");
    secondsSplit = ("0" + todayTime.getSeconds()).slice(-2).split("");
    for (day = 1; day <= 17; day++) {
        if (day <= 4) this["day_" + day] = yearSplit[day - 1]; 
        else if (day == 5) this["day_" + day] = "bar";
        else if (day <= 7) this["day_" + day] = monthSplit[day - 6];
        else if (day <= 9) this["day_" + day] = daySplit[day - 8];
        else if (day <= 11) this["day_" + day] = hoursSplit[day - 10];
        else if (day == 12) this["day_" + day] = "colon";
        else if (day <= 14) this["day_" + day] = minutesSplit[day - 13];
        else if (day == 15) this["day_" + day] = "colon";
        else if (day <= 17) this["day_" + day] = secondsSplit[day - 16];
    }
}
todayMode();
for (day = 1; day <= 17; day++) {
    if (day == 1) timerGap = "0px";
    else if (day == 10) timerGap = centerGap;
    else timerGap = basicGap; 
    document.write("<img id=time_" + day + " src=" + topUrl + this['day_' + day] + ".png style=margin-left:" + timerGap + ";display:block;float:left>");
}
setInterval(function() {
    todayMode();
    for (day = 1; day <= 17; day++) this['time_' + day].src = topUrl + this['day_' + day] + ".png";
}, 500);
</script>

<div style=clear:both></div>
</div>

[/code]

뭐 다른 형태로는 아래처럼 표현해도 되겠지요. - http://www.mediaplayer.kr/main/tip/39

[code]

<div id=todayDiv>
<script>
topUrl = "/main/wittazzurri/today/"; // 디렉토리
basicGap = "2px"; // 기본간격
centerGap = "25px"; //중간간격
function todayMode() {
    todayTime = new Date();
    yearSplit = ("" + todayTime.getFullYear()).split("");
    monthSplit = ("0" + (todayTime.getMonth() + 1)).slice(-2).split("");
    daySplit = ("0" + todayTime.getDate()).slice(-2).split("");
    hoursSplit = ("0" + todayTime.getHours()).slice(-2).split("");
    minutesSplit = ("0" + todayTime.getMinutes()).slice(-2).split("");
    secondsSplit = ("0" + todayTime.getSeconds()).slice(-2).split("");
    for (day = 1; day <= 18; day++) {
        if (day <= 4) this["day_" + day] = yearSplit[day - 1]; 
        else if (day == 5) this["day_" + day] = "colon";
        else if (day <= 7) this["day_" + day] = monthSplit[day - 6];
        else if (day == 8) this["day_" + day] = "colon";
        else if (day <= 10) this["day_" + day] = daySplit[day - 9];
        else if (day <= 12) this["day_" + day] = hoursSplit[day - 11];
        else if (day == 13) this["day_" + day] = "colon";
        else if (day <= 15) this["day_" + day] = minutesSplit[day - 14];
        else if (day == 16) this["day_" + day] = "colon";
        else if (day <= 18) this["day_" + day] = secondsSplit[day - 17];
    }
}
todayMode();
for (day = 1; day <= 18; day++) {
    if (day == 1) timerGap = "0px";
    else if (day == 11) timerGap = centerGap;
    else timerGap = basicGap; 
    document.write("<img id=time_" + day + " src=" + topUrl + this['day_' + day] + ".png style=margin-left:" + timerGap + ";display:block;float:left>");
}
setInterval(function() {
    todayMode();
    for (day = 1; day <= 18; day++) this['time_' + day].src = topUrl + this['day_' + day] + ".png";
}, 500);
</script>

<div style=clear:both></div>
</div>

[/code]

이미지를 로드하다 보니 시간차가 생겨서 셋인터벌을 1초로 주지 않고 0.5초로 주었습니다.