かんたん作成.com【HTML,CSS,JavaScript,CGI,PHP】

Click Here! BB.excite
【BB.excite】Bフレッツ 工事費・接続料無料キャンペーン実施中!光ファイバー(Bフレッツ)の導入を検討しているお客様に朗報!Bフレッツ工事費・接続料無料!
BB-Server
ドメイン取得、利用開始まで最短60分!!お申し込みからドメイン取得・セットアップまで最短1時間〜最長24時間でご利用いただけます!お急ぎの方はご入金後、電話にて連絡すると更にスピーディー!サーバー移行も早くて簡単!
Click Here! エーシーアール
年980円〜の高機能アクセス解析無料でアクセス解析のサービス。数行のタグをあなたのサイトに貼り付けるだけで様々な解析が可能。Googleのキーワードも分かるのでSEO対策としても。

時刻を画像表示(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 = "../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="../img/no/0.gif" name="hour1">
<img src="../img/no/0.gif" name="hour2">
時
<img src="../img/no/0.gif" name="min1">
<img src="../img/no/0.gif" name="min2">
分
<img src="../img/no/0.gif" name="sec1">
<img src="../img/no/0.gif" name="sec2">
秒
</center>
</body>
</html>
実行する
当サイトはリンクフリーです。
	<a href="http://www.kantansakusei.com/">かんたん作成.com【HTML,CSS,JavaScript,CGI,PHP】</a>