WIN98SE
macromediaのDW4を使って
単純なHPを作っています。
hoops.ne.jpのサーバーを使っています。
あるページで以下の条件を満たすカウンターの
HTMLソースに挑戦しましたが苦戦しています。
時計のプログラミングからヒントを得ようともしましたが、
うまくいきません。
htmlで書きたいのですが、アドバイスいただけると助かります。
仮に「count.html」とします。
1:count.htmlページにアクセスしたら直ちに
0からスタートして毎秒3づつ値が増える。
2:10進法で9999万9999まで行ったら次は0に戻り再びカウントを続ける。
「,」などの区切りは必要ありません。
3:表示する数字は同じディレクトリ内に置いた0.gif~9.gifを使う。
およそ3分の1秒に1つ、数字が増えます。
4:少なくともNN4.7、IE5.5以上のブラウザに対応する。
以上です。
回答、アドバイス、ヒント、参考URL、etc...
詳しい方、どうかお願いします。
No.3ベストアンサー
- 回答日時:
文章だけの説明では難しいと思いますので、ソースを載せます。
(IE5.5/NN4.7/NN6.2 動作確認済み)
<HTML>
<HEAD>
<SCRIPT language="JavaScript"><!--
var numgif = new Array(10);
var count = 0;
var keta = 8; // ここで桁数を変えられます。
// 画像の初期表示
function counter_draw() {
for (i=0; i<keta; i++)
document.write('<IMG name="num'+i+'" src="0.gif" border="0">');
}
// 画像先読み&カウントアップ開始
function init() {
for (i=0; i<=9; i++) {
numgif[i] = new Image();
numgif[i].src = i+".gif";
}
setTimeout("count_up()", 333);
}
// カウントアップ&画像再表示
function count_up() {
count++;
if (count >= Math.pow(10,keta))
count = 0;
var str = "" + count;
while (str.length < keta) // keta桁の数字文字列を生成
str = "0" + str;
for (i=0; i<keta; i++) {
var n = str.charAt(i) - 0; // 数値化
document.images["num"+i].src = numgif[n].src;
}
setTimeout("count_up()", 333);
}
//--></SCRIPT>
</HEAD>
<BODY onLoad="init()">
<SCRIPT language="JavaScript"><!--
counter_draw()
//--></SCRIPT>
</BODY>
</HTML>
各関数などについては、参考URLのサイトで確認されると良いでしょう。
※上記コードには、見やすさのために全角スペースを入れていますので、コピーされる場合は、それらを半角スペースやタブに変換して下さい。
参考URL:http://tohoho.wakusei.ne.jp/js/index.htm
回答有難うございます。
いま試したのですが、条件通りに動きました。
コメントを添えていただいたおかげで数値をアレンジすることも出来ました。
ほんっとうに助かりました。
No.2
- 回答日時:
この場でプログラムをお教えするのは、むつかしいのですが、フリーの素材でCDROMに収録された、CGIは、本屋さんにいけば、いくつかあったとおもいます。
自分も持っています。
それと、簡単な方法では、フリーのアクセスcounterつけてはいかがですか?
CGIBOY
http://www.cgiboy.com/
ここで、アクセスLogをとってくれるプログラムをフリーで無料レンタルしてます。
アクセスした人のIPや、どこのLINK先からきたとか、こまかく解かりやすく
グラフ化して教えてくれます。
フリーチケット
http://tools.freett.com/
ここは、アクセスcounterをレンタルしてくれます。
一つのIDで10個設定できます。
基本的にフリーチケットのフリーページにアクセスcounterはりつけてほしいみたいですが、いくつかサイトをここで開いているので
その複数のcounterを一枚のページで一同に見れるようカウンター貼り付けておくと、便利です。
以上の二つを両方貼り付けると、とても便利ですよ。
フリーチケットは
フリーのフォームもレンタルしてますので、便利です。
基本を見ると、単純なフォームですが、一般的なフォームの作り方しってるひとなら、
カスタマイズして、複数項目をNAMEをつけることで、注文フォームなどにも活用できたりします。
カウンターといっても、アクセスカウンターではないので
欲しい情報とは違いましたが、参考にさせていただきました。
回答有難うございました。
No.1
- 回答日時:
HTMLじゃ無理ですね。
JavaScriptでしょうね。
あと、3秒ごとに値が増え、99999999までというのは処理としては重い気がします。
桁が少ないようなら、gifアニメで作ったほうが簡単ですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- PHP PHP MySql ページング 2 2022/09/20 06:38
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- Windows 10 パソコン初期化の件です 2 2022/06/05 11:05
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
- PHP PHP ページング データベース 1 2022/06/16 10:30
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- PHP PHPで訪問回数を表示するカウンタを作成したい 3 2023/05/27 07:09
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
カーソルを合わせると文字が出...
-
FC2ショッピングカートのカスタ...
-
バナーの貼り方とバナーにリン...
-
カウンターのHTMLソースを教え...
-
携帯用HPのダウンロードページ...
-
アルバムをめくるように、画像...
-
予約語の表示について
-
ボタンを押したままにする。
-
バナーのURLについて
-
htmlでのpdf資料のリンク方法
-
IE11にてonclickの動作不良
-
リンクの上にマウスカーソルを...
-
背景が透明なリンクボタンで、...
-
HTML上の画像を結合する方法が...
-
JavaScript:縦並びのブログパー...
-
PDFの保存ボタンが表示されません
-
IrfanView で画像のスクロール...
-
アイコンの背景を透過させたい
-
「縮小専用」で縮小した画像が...
-
<hr>の縦バージョンはありますか?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
背景が透明なリンクボタンで、...
-
バナーの貼り方とバナーにリン...
-
HTMLにQRコードを挿入する方法
-
IMGタグでTIFF画像を表示
-
スライドショーの上にロゴマー...
-
pngやjsの後ろの英数字の意味は...
-
タイトルバーに画像を入れるHTM...
-
拡張子無しで画像を表示したいです
-
form以外でのpostってできますか?
-
クリッカブルMAP領域が分かる様...
-
クリックしても、リンクに飛ば...
-
予約語の表示について
-
HTMLでデスクトップの画像がでない
-
崩れたレイアウトが更新すると...
-
画像クリックでクリップボード...
-
カウンターのHTMLソースを教え...
-
カーソルを合わせると文字が出...
-
IFRAME内に収まるように画像を...
-
tifファイルが表示されない
おすすめ情報