- ベストアンサー
カウンターのHTMLソースを教えてください。
WIN98SE macromediaのDW4を使って 単純なHPを作っています。 hoops.ne.jpのサーバーを使っています。 あるページで以下の条件を満たすカウンターの HTMLソースに挑戦しましたが苦戦しています。 時計のプログラミングからヒントを得ようともしましたが、 うまくいきません。 ｈｔｍｌで書きたいのですが、アドバイスいただけると助かります。 仮に「count.html」とします。 1：count.htmlページにアクセスしたら直ちに 0からスタートして毎秒３づつ値が増える。 ２：10進法で9999万9999まで行ったら次は0に戻り再びカウントを続ける。 「,」などの区切りは必要ありません。 3：表示する数字は同じディレクトリ内に置いた0.gif～9.gifを使う。 およそ3分の1秒に１つ、数字が増えます。 4：少なくともNN4.7、IE5.5以上のブラウザに対応する。 以上です。 回答、アドバイス、ヒント、参考URL、etc... 詳しい方、どうかお願いします。
- みんなの回答 （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のサイトで確認されると良いでしょう。 ※上記コードには、見やすさのために全角スペースを入れていますので、コピーされる場合は、それらを半角スペースやタブに変換して下さい。
その他の回答 (2)
- syunpei
- ベストアンサー率27% (194/717)
この場でプログラムをお教えするのは、むつかしいのですが、フリーの素材でＣＤＲＯＭに収録された、CGIは、本屋さんにいけば、いくつかあったとおもいます。 自分も持っています。 それと、簡単な方法では、フリーのアクセスcounterつけてはいかがですか？ CGIBOY http://www.cgiboy.com/ ここで、アクセスLogをとってくれるプログラムをフリーで無料レンタルしてます。 アクセスした人のIPや、どこのLINK先からきたとか、こまかく解かりやすく グラフ化して教えてくれます。 フリーチケット http://tools.freett.com/ ここは、アクセスcounterをレンタルしてくれます。 一つのIDで10個設定できます。 基本的にフリーチケットのフリーページにアクセスcounterはりつけてほしいみたいですが、いくつかサイトをここで開いているので その複数のcounterを一枚のページで一同に見れるようカウンター貼り付けておくと、便利です。 以上の二つを両方貼り付けると、とても便利ですよ。 フリーチケットは フリーのフォームもレンタルしてますので、便利です。 基本を見ると、単純なフォームですが、一般的なフォームの作り方しってるひとなら、 カスタマイズして、複数項目をNAMEをつけることで、注文フォームなどにも活用できたりします。
お礼
カウンターといっても、アクセスカウンターではないので 欲しい情報とは違いましたが、参考にさせていただきました。 回答有難うございました。
- the845s
- ベストアンサー率34% (61/176)
HTMLじゃ無理ですね。 JavaScriptでしょうね。 あと、3秒ごとに値が増え、99999999までというのは処理としては重い気がします。 桁が少ないようなら、gifアニメで作ったほうが簡単ですね。
お礼
回答有難うございます。 いま試したのですが、条件通りに動きました。 コメントを添えていただいたおかげで数値をアレンジすることも出来ました。 ほんっとうに助かりました。