OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

カウンターのHTMLソースを教えてください。

  • すぐに回答を!
  • 質問No.234193
  • 閲覧数47
  • ありがとう数2
  • 気になる数0
  • 回答数3
  • コメント数0

お礼率 68% (81/118)

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...
詳しい方、どうかお願いします。
通報する
  • 回答数3
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

質問者が選んだベストアンサー

  • 回答No.3
レベル12

ベストアンサー率 75% (398/526)

文章だけの説明では難しいと思いますので、ソースを載せます。
(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のサイトで確認されると良いでしょう。
※上記コードには、見やすさのために全角スペースを入れていますので、コピーされる場合は、それらを半角スペースやタブに変換して下さい。
お礼コメント
dagakki1

お礼率 68% (81/118)

回答有難うございます。

いま試したのですが、条件通りに動きました。
コメントを添えていただいたおかげで数値をアレンジすることも出来ました。

ほんっとうに助かりました。
投稿日時 - 2002-03-14 02:42:19
-PR-
-PR-

その他の回答 (全2件)

  • 回答No.1
レベル10

ベストアンサー率 34% (61/176)

HTMLじゃ無理ですね。 JavaScriptでしょうね。 あと、3秒ごとに値が増え、99999999までというのは処理としては重い気がします。 桁が少ないようなら、gifアニメで作ったほうが簡単ですね。
HTMLじゃ無理ですね。
JavaScriptでしょうね。
あと、3秒ごとに値が増え、99999999までというのは処理としては重い気がします。
桁が少ないようなら、gifアニメで作ったほうが簡単ですね。
  • 回答No.2
レベル12

ベストアンサー率 27% (194/717)

この場でプログラムをお教えするのは、むつかしいのですが、フリーの素材でCDROMに収録された、CGIは、本屋さんにいけば、いくつかあったとおもいます。 自分も持っています。 それと、簡単な方法では、フリーのアクセスcounterつけてはいかがですか? CGIBOY http://www.cgiboy.com/ ここで、アクセスLogをとってくれるプログラムをフリーで無料レンタルしてます。 アク ...続きを読む
この場でプログラムをお教えするのは、むつかしいのですが、フリーの素材でCDROMに収録された、CGIは、本屋さんにいけば、いくつかあったとおもいます。
自分も持っています。
それと、簡単な方法では、フリーのアクセスcounterつけてはいかがですか?
CGIBOY
http://www.cgiboy.com/
ここで、アクセスLogをとってくれるプログラムをフリーで無料レンタルしてます。
アクセスした人のIPや、どこのLINK先からきたとか、こまかく解かりやすく
グラフ化して教えてくれます。

フリーチケット
http://tools.freett.com/
ここは、アクセスcounterをレンタルしてくれます。
一つのIDで10個設定できます。
基本的にフリーチケットのフリーページにアクセスcounterはりつけてほしいみたいですが、いくつかサイトをここで開いているので
その複数のcounterを一枚のページで一同に見れるようカウンター貼り付けておくと、便利です。
以上の二つを両方貼り付けると、とても便利ですよ。
フリーチケットは
フリーのフォームもレンタルしてますので、便利です。
基本を見ると、単純なフォームですが、一般的なフォームの作り方しってるひとなら、
カスタマイズして、複数項目をNAMEをつけることで、注文フォームなどにも活用できたりします。
お礼コメント
dagakki1

お礼率 68% (81/118)

カウンターといっても、アクセスカウンターではないので
欲しい情報とは違いましたが、参考にさせていただきました。
回答有難うございました。
投稿日時 - 2002-03-14 02:47:29
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ