時刻を画像表示(new Image)
<html> <head> <title>時刻を画像表示</title> <script language="JavaScript"> <!-- //画像読み込み imgs = new Array(); for(i = 0 ; i < 10 ; i++) { imgs[i] = new Image(); imgs[i].src = "../../sample/img/no/" + i + ".gif"; } function change() { //時刻の取得 today = new Date(); hour = today.getHours(); min = today.getMinutes(); sec = today.getSeconds(); //画像の入れ替え hour = hour.toString(); if(hour.length < 2) { hour = "0" + hour; } document.hour1.src = imgs[hour.charAt(0)].src; document.hour2.src = imgs[hour.charAt(1)].src; min = min.toString(); if(min.length < 2) { min = "0" + min; } document.min1.src = imgs[min.charAt(0)].src; document.min2.src = imgs[min.charAt(1)].src; sec = sec.toString(); if(sec.length < 2) { sec = "0" + sec; } document.sec1.src = imgs[sec.charAt(0)].src; document.sec2.src = imgs[sec.charAt(1)].src; } function tm() { //タイマー tm = setInterval("change()",500); } //--> </script> </head> <body onLoad="tm()"> <center> <img src="../../sample/img/no/0.gif" name="hour1"> <img src="../../sample/img/no/0.gif" name="hour2"> 時 <img src="../../sample/img/no/0.gif" name="min1"> <img src="../../sample/img/no/0.gif" name="min2"> 分 <img src="../../sample/img/no/0.gif" name="sec1"> <img src="../../sample/img/no/0.gif" name="sec2"> 秒 </center> </body> </html>
〔 実行する 〕