- ベストアンサー
ホームページ上で残り日数をカウントダウンしたいのですが・・
こんばんは。 とあるイベントのホームページを作るのですが、「イベントまであと○日」のような カウントダウンの部分を作れないかと考えています。 確かjavascriptでできたと思いますが、 テキストでなく画像でカウントダウンはできますか? また、その日の格言のようなものを作りたいのですが、 これもjavaでできたと思いますが、画像使用＆リンクをはる ことはできますか? あんまりにも難しい操作ならあきらめますが・・・ よろしくお願いいたします。
- migu01
- お礼率76% (552/717)
- その他（インターネット接続・通信）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
画像にするのは2種類のやり方があります。 数字全体を1つの画像にするか、数字の各ケタを別々の画像にするかです。 前者はCGIなどが必要ですが、後者はjavascriptで可能です。 No1さんのソースを元に作ってみました。 使う際には同じ階層に「0.gif」～「9.gif」という名のファイルを用意してください。 ----- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>test</title> <script language="javascript"><!-- function xDay(y,m,d) { today = new Date(); xday = new Date(y,m-1,d); n = Math.floor((xday.getTime()-today.getTime())/86400000)+1; document.write(num2img(n)); //←ここを書き換え。 } // ↓ここから function num2img(num){ num=""+num; temp=""; for(var i=0;i<num.length;i++){ temp+="<img src=\""+num.charAt(i)+".gif\">"; } return temp; } // ↑ここまでが画像化の部分。 //--></script> </head> <body> ひな祭りまであと <script language="javascript"><!-- xDay(2009,3,3); //--></script> 日 </body> </html>
その他の回答 (1)
- mipple_mag
- ベストアンサー率33% (1/3)
テキストであれば以下のソースを流用すれば可能かと思います。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>test</title> <script language="javascript"><!-- function xDay(y,m,d) { today = new Date(); xday = new Date(y,m-1,d); n = Math.floor((xday.getTime()-today.getTime())/86400000)+1; document.write(n); } //--></script> </head> <body> ひな祭りまであと <script language="javascript"><!-- xDay(2009,3,3); //--></script> 日 </body> </html> bodyタグ内のxDay()の中に指定したい日をyyyy,mm,ddの形式で入力します。 画像でカウントダウンするのであればCGIの方が良いかと…
お礼
お礼遅くなってすみません(/_＼) 回答ありがとうございました！ テキストでなく画像がいいのですが・・・ うーん、CGIなんてさっぱりわかりません。 うう・・
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/spn/images/related_qa/c205_2_thumbnail_img_sm.png)
お礼
お礼遅くなってすみません(/_＼) 回答ありがとうございました！ なるほど～ 桁ごとなら・・ですね 参考になりました(゜∀゜)