• ベストアンサー

ホームページ上で残り日数をカウントダウンしたいのですが・・

こんばんは。 とあるイベントのホームページを作るのですが、「イベントまであと○日」のような カウントダウンの部分を作れないかと考えています。 確かjavascriptでできたと思いますが、 テキストでなく画像でカウントダウンはできますか? また、その日の格言のようなものを作りたいのですが、 これもjavaでできたと思いますが、画像使用＆リンクをはる ことはできますか? あんまりにも難しい操作ならあきらめますが・・・ よろしくお願いいたします。

  • migu01
  • お礼率76% (552/717)

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

  • ベストアンサー
回答No.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>

画像を拡大する
migu01
質問者

お礼

お礼遅くなってすみません(/_＼) 回答ありがとうございました！ なるほど～ 桁ごとなら・・ですね 参考になりました(゜∀゜)

その他の回答 (1)

回答No.1

テキストであれば以下のソースを流用すれば可能かと思います。 <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の方が良いかと…

画像を拡大する
migu01
質問者

お礼

お礼遅くなってすみません(/_＼) 回答ありがとうございました！ テキストでなく画像がいいのですが・・・ うーん、CGIなんてさっぱりわかりません。 うう・・

  1. カテゴリ
  2. インターネット・Webサービス
  3. インターネット接続・通信
  4. その他（インターネット接続・通信）

関連するQ&A

  • ホームページで画像を使ってカウントダウンさせるには

    自分のホームページに、画像を使って指定した日時までカウントダウンする機能をつけたいと思っています。 HTMLやCSSは使えるのですがJavascriptはほとんどわかりません。 なのでコピペするだけで実装できるようなコードを載せてもらえると助かります。 よろしくお願いします。

  • ホームページ　カウントダウン　

    無料でホームページが作れるとこで 携帯とPCで見れるホームページを作っていて、2009年の1月17、18日にあるセンター試験までのカウントダウンをしたいのですがどうすればいいのですか？HTMLというのを使わないで簡単にホームページを作れるとかいていたので作ったのですがカウントダウンはできませんでした。 HTMLのタグを張れる欄があるのでできると思うのですが、なにぶん初心者なもんでインターネットでしらべてもよくわかりませんでした。 できればおしえてください。 お願いします。

  • Javascriptのカウントダウンについて

    現在、カウントダウンタイマーをJavascriptで書いておりますが、質問させて下さい。 例えば朝７時からカウントダウンを開始し、夕方４時になったら「カウントダウン終了！次回のカウントダウンは○月○日（○曜日）です！」とコメントさせて次回のカウントダウン日時（朝７時）になったら、自動でまたカウントダウンさせたい（夕方４時にカウントダウン終了）のですが、どうすれば出来るのでしょうか？m(_ _)m ちなみに○月○日（○曜日）の部分は基本的に次の日にさせたいのですが、次の日が日曜日や祝日の場合はそれを除いた次の日を表示させたいです。 これはJavaScriptで出来ますか？ JavaScriptのコードはここを参考に引用しています。 http://javascript123.seesaa.net/article/102586838.html どなたか教えてください。よろしくお願いいたします。

  • flashのActionScript3.0　で日数のカウントダウン表示

    flashのActionScript3.0　で日数のカウントダウン表示をやりたいのですが、できません。 たくさんのソースや同じような質問を試してみましたがいっこうに解決しません。 只今、flashのActionScript3.0は習いたてで、基本的なことを含め勉強中なのですが、課題の提出も近いので質問させてください。 ・ダイナミックテキストはcountdown_mcというインスタンス名を指定。 ・2010年８月１３日を開催日とし、そこからさかのぼった日数をカウントしたい ・ダイナミックテキスト内にカウントダウンされた日数を表示。 ・開催日には（開催中！）という画像を表示したい 以上の事をやりたいと思いさんざんやってみましたが、出口が見えないので参考ソース、助言をいただけたら幸いです。 よろしくお願いいたします。

  • カウントダウンJavascript　

    Javascriptでホームページにカウントダウンを設置しょうと思っているのですが… やはり、こったモノをと本などを買って勉強しています。 そこでお尋ねしたいのですが、残り　○日○時間○分○，○○秒といったように ○，○○秒というのはできるんでしょうか？よろしくお願いします。

  • FLASH上で日数カウントダウン

    あるイベント開催日までの「あと○○日」というカウントダウン表示を自動でFALSH上で行いたいのですが、 色々調べてみても、その日の日付を表示させる方法しか見つけることができませんでした・・。 例えばここなどですが、 http://www.okweb.ne.jp/kotaeru.php3?q=805707 ↑ここのスクリプトをどうにか変えれば良いのかなとも思ったのですがよく分からなかった次第です。 どなたか具体的な方法、もしくはサンプルなどが記載されているページなどご存知ないでしょうか？ よろしくお願い致します。

    • ベストアンサー
    • Flash
  • Dreamweaverでカウントダウンするには？

    Dreamweaverでホームページを作成しています。 「フェスティバルまであと●日！」 といった感じのカウントダウンをしたいのです。 ビヘイビアでjavascriptを取り込むのだろう事は解るのですが、 初級レベルで、ビヘイビアの知識が全く無く、 実際にどういった手順でjavascriptを取り込んだら良いのか解りません。 参考になる書籍、URLでも良いので どなたか助けていただけないでしょうか？

  • 指定日まで画像カウントダウン表示一桁の残り日数を「01」のようにしたい

    指定日まで画像カウントダウン表示一桁の残り日数を「01」のようにしたい。当日以降は「00」で停止させたい ある指定日時までの画像カウントダウン表示を以下のようにjavascriptで作成して、残り日数の数字を imageファイルで表示しているのですが、残りが一ケタになったときに「02」「01」のようにする、 また、当日が来たら「00」で止まるようにしたいのですが方法がわかりません。 javascriptで上記のような仕様にすることは可能なのでしょうか。 よろしくお願いします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <script language="javascript"><!-- dir = "img/"; date1 = new Date(); date2 = new Date(2010, 11, 30); // YYYY, MM - 1, DD d = (date2.getTime() - date1.getTime()) / (24 * 60 * 60 * 1000); d = Math.abs(Math.ceil(d)); s = d.toString(); for (i = 0; i < s.length; i++) { document.write("<IMG SRC=\"" + dir + s.charAt(i) + ".gif\">"); } //--></script> </head> <body> <script src="js/date.js"></script>日 </body> </html>

  • カウントダウンについて

    JavaScriptでカウントダウン表示をしたいのですが、この質問掲示板並びに、その他色々検索してみましたが例えば「2007年○月△日まであと■日」というように日数の類のものしか見当たりません。私のやりたい事は「2007年●月▲日x時まであと□時間」というように指定日だけでなくx時まで指定できて、しかも「あと□時間」のところを１時間間隔でカウントダウンさせたいのです。JavaScriptに関してはあまり知識はないのですが、ヒントが得られる参考ページなどがあればと思っています。どうぞよろしくお願い致します。

  • カウントダウンがうまくいかない！

    来年の4月17日に向けてカウントダウンさせたいと思っています。JavaScriptの参考ページを見てソースを頂こうと思っているのですが、うるう年のせいもあってか、日数が合わなかったり、表示される内容が違っています。 時間はあってもなくてもいいのですが、 出産予定日まであと　　XX　日というJavaScriptを書くにはどのようにすればいいのでしょうか？ お手数お掛けいたしますが、ご存知の方、いらっしゃいましたら教えてください。宜しくお願いいたします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する