タイマーをデジタル時計風にするには
※数日前にも「教えて！goo」の同じカテゴリーで質問した者です。
※結局自分が書いたコードを使ってるんですが...
<html>
<head>
<title>test</title>
<script type="text/javascript">
<!--
function doCountDown() {
setInterval('countDown()', 500);
}
function countDown() {
var now = new Date();
var tomorrow = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
var diff = Math.floor((tomorrow.getTime() - now.getTime()) / 1000) + 1;
var hour = Math.floor(diff / 3600);
diff %= 3600;
var min = Math.floor(diff / 60);
var sec = diff % 60;
document.getElementById('cd').innerHTML= "今日の終わりまであと" + hour + "時間" + min + "分" + sec + "秒";
}
//-->
</script>
</head>
<body onload="javacript:doCountDown();">
<div id='cd'></div>
</body>
</htm>
※カウントダウンタイマーをデジタル時計風にするには、どうすればいいのでしょうか？
（つい最近、「デジタル時計」をアメリカのサイトのサンプルを模倣しながら作ったことならあります。）
デジタル数字のイメージ「０～９」と「：」はもう準備来ました。
”０”をdg0.gif、”１”をdg1.gif～～～～～”９”をdg9.gifとし、”：”をdga.gifとします。
これらのイメージを入れつつ、上のコードに沿って動かしたいです。
ちなみに、自分が作ったデジタル時計は以下のやつです。
