html>
<head>
<title>スクールバス時刻表</title>
<script language="JavaScript">
<!--
baseURL = "image1/";
ext = ".gif";
(new image1()).src = baseURL + "6.gif";
(new image1()).src = baseURL + "7.gif";
(new image1()).src = baseURL + "8.gif";
(new image1()).src = baseURL + "9.gif";
function realTime(){
dt = new Date();
h = "0" + dt.getHours();
h = h.substring(h.length-2,h.length);
m = "0" + dt.getMinutes();
m = m.substring(m.length-2,m.length);
s = "0" + dt.getSeconds();
s = s.substring(s.length-2,s.length);
times = [h.charAt(0),h.charAt(1),m.charAt(0),m.charAt(1),s.charAt(0),s.charAt(1)];
for (i=0; i<6; i++) document.images["RT"+i].src = baseURL + times[i] + ext;
}
//-->
</script>
</head>
<body onload="setInterval('realTime()',1000)">
<table border="2" bordercolor="powderblue" cellspacing="1" width="450">
<tr bgcolor="black"><th><font color="powderblue" size="4">現在の時刻
</font>
<td rowspan="2" bgcolor="white">
<font size=2>
スクールバスの時刻表・運行表です。お近くのバス停をご利用ください。</font>
</td>
</tr>
<tr>
<td nowrap bgcolor="black">
<img src="image1/0.gif" name="RT0">
<img src="image1/1.gif" name="RT1">
<img src="image1/kugiri.gif">
<img src="image1/2.gif" name="RT2">
<img src="image1/3.gif" name="RT3">
<img src="image1/kugiri.gif">
<img src="image1/4.gif" name="RT4">
<img src="image1/5.gif" name="RT5">
</td>
</tr>
</table>
<p>
<table border="0" bgcolor="powderblue" cellpadding="5" width="450">
<tr>
<td style="font-size:15px;line-height:130%" align="center" bgcolor="#FFFFF0">
▼東本町方面 ▼学校町方面 ▼ニュータウン方面
</td></tr></table>
</body>
</html>
本当はいけないのでしょうけど、一応ソースコードを全部貼り付けてみました。
この方がプログラムの全体像が見やすいと思いまして。
それでは、質問です。
(new image1()).src = baseURL + "6.gif";
(new image1()).src = baseURL + "7.gif";
(new image1()).src = baseURL + "8.gif";
(new image1()).src = baseURL + "9.gif";
冒頭のこの部分ですが、画像を一時ファイルとして読み込む設定と本には書かれているのですが、今一何を言っているのか分かりません。
新しいImage()メソッドを作ってそこに格納しているんですよね。でも、何故グラフィックが指定されているのでしょうか。
times = [h.charAt(0),h.charAt(1),m.charAt(0),m.charAt(1),s.charAt(0),s.charAt(1)];
for (i=0; i<6; i++) document.images["RT"+i].src = baseURL + times[i] + ext;
<img src="image1/0.gif" name="RT0">
<img src="image1/1.gif" name="RT1">
<img src="image1/kugiri.gif">
<img src="image1/2.gif" name="RT2">
<img src="image1/3.gif" name="RT3">
<img src="image1/kugiri.gif">
<img src="image1/4.gif" name="RT4">
<img src="image1/5.gif" name="RT5">
これは初期値の指定でいいのでしょうか。でも、わざわざこれをする必要性があるのですかね。
いきなり、バンッと時刻を表示できないものなのでしょうか。
お訊きしたいのは以上の3点です。
どうか宜しくお願い致します。
No.1ベストアンサー
- 回答日時:
質問1
時刻表示を秒単位で(画像文字を用いて)行っているので、画像を先に呼んでおかないとうまく表示できないことがある。
(デジタルの秒表示が、でなくなる可能性を回避)
質問2
初期設定ではありません。
function realTime(){ の中にあるのは、その時の時刻を表示するファンクションです。
文字を画像の文字に変換して表示していると思われます。
質問3
時計のようにリアルタイムで時刻を表示しているので、一度表示すれば終わりというわけにはいきません。
もちろん、最初に表示してお仕舞いという風にもできますが、作者がこの方法を選んだのでしょう。
(余所見や立ち話をしていても、常に、正しい時刻が表示されている。)
表示を画像文字にしなければ、スクリプトはもっと簡単になります。
的確な解答を頂きまして、ありがとうございます。
なるほど。解説してもらえると凄く良く分かります。
でも、本当はこれくらい分からないといけないんでしょうけどね。
反省しなければいけませんね。
どういうやり方をすれば、ソースコードの内容を読み取れるようになれるのでしょう。
勿論、ソースコードが行っている内容を理解しなければいけませんね。
そのためには数をこなすのがいいんでしょうか。
失礼ながら、fujillinさんは業界人ではなくてこのソースコードを理解したわけですよね。
大変凄い事だと思うのですが、どうすればfujillinさんのようになれるのでしょうかね。
個人的な見解ではやはり数を多くこなすしか挙げられないんですけど。
他にもありますかね。
まぁ、頑張り次第という事にしておきますか。
No.3
- 回答日時:
尊敬する人にいつも指摘されているので、
チェックするようにしようと心がけたいと・・・・。
ということで、まずHTMLのチェックを!
http://openlab.ring.gr.jp/k16/htmllint/htmllint. …
とか
http://validator.w3.org/
などなど。
どうもです。
ソースコード全部貼り付けてみたんですけど、チェックできませんでした。
多分初版が2002年ですからいろいろ変わっているかもしれませんね。
いや、変わっているでしょうね。
ちょっと一念発起したもので、テキストは自分がプログラマーを目指していた時代のものになってしまいました。
またお世話になるかもしれませんが、1つ宜しくお付き合いの程を。
No.2
- 回答日時:
ちと割り込み!
そのコードは古いというか間違いがあるとか・・・・
fujillinさんならそれを直して、さらに極小プログラムにしてくれるかも?!^^;
レスを頂き、ありがとうございます。
今日はお逢いするのはこれで4度目ですね。
前回は助けてもらいまして、感謝しています。
この本の初版は2002年ですね。
ソースコードが古いですか。間違いがあるとはどういう事でしょうか。
_pipi_さんは、fujillinさんとお知り合いなのですか。
何か訊いてばかりですね。申し訳ありません。
確かに、このプログラムのソースコードは長いと思いますけど。
短くなるものなのでしょうか。
まぁ、答えはfujillinさん次第ですかね。
無理なお頼みはしないので、悪しからず。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- PHP 共通の処理をまとめる方法がわからないのでアドバイスお願いします。 1 2022/12/19 20:20
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
HPビルダー12 Javascriptのロ...
-
画像を変えるスクリプト
-
ランダムに画像を表示し、ポッ...
-
htmlで、たくさんのgif画像を、...
-
NNでロールオーバーしたgifアニ...
-
日替わりで画像を変更したい
-
クリックするたびに画像を変える
-
どこに画像ファイルを入れるの...
-
JavaScriptでボタンをクリック...
-
サムネイルをクリックして背景...
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
画像の上に画像リンクを貼る方法
-
スライダーを実装した場合、ペ...
-
背景色を一定時間ごとにランダ...
-
文字を固定したいのですが…
-
javascriptでURLにマウスオーバー
-
[急ぎ] videoタグで埋め込んだm...
-
文字と数字が混在する要素のsor...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
クリックするたびに画像を変える
-
C言語のポインタ表現
-
ランダム表示の画像位置
-
【初心者】UWSCでjavascriptで...
-
WSHでクリップボードにイメージ...
-
javascriptで複数の画像をラン...
-
教えて下さい。ランダムにバナ...
-
1つの画像クリックで切替の方法
-
onとoffを画像でチェンジ、チェ...
-
Excel VBA マクロ 画像(...
-
クリックした自身の画像を別画...
-
「戻る」「進む」ボタンで画像...
-
サーバ側で時間を判断して自動...
おすすめ情報