http://www.w3schools.com/js/tryit.asp?filename=tryjs_timing_clock
시계 소스
이부분에서
h 와 m , s이미지를 대입해서
h="<img src='hour"+h+".gif'>"; //1~24에 해당하는 이미지
m="<img src='min"+checkTime(m)+".gif'>"; // 1~59에 해당하는 이미지
s="<img src='sec"+checkTime(s)+".gif'>"; // 1~59에 해당하는 이미지
요런식으로 대입을 해보세요. 확인은 못해봤네요.
이미지가 너무 많다면 1-10까지만 만들고 각 숫자를 substring() 함수를 이용해서 잘라서 쓰시면 되겠네요

정말 감사드립니다 ^^ 없는 실력 쥐어짜서 응용해서 잘 썼어요 진짜 감사드려용 ㅎㅎ