W杯開幕までのJavascriptが欲しいと思ってウェブ上で発見した
スクリプトを拝借してきて少しコメントを変えて私のサイトに置きました。
でも、2,3変更したい点が有るのです。
私は素人ですのでどこをどうしたら良いかも分かりません。
本を借りてきて少しずつ勉強しているのですが、
できるなら早い内に完成させたいと思い
みなさんのお知恵を拝借させていただこうと思いました。
やりたいことはこうです。
1.秒数のリアルタイム表示
キックオフまで後何秒!という風にもカウントダウンしてみたいのです。
2.残り時間による表示切り替え
残り一日を切ったら「後何時間」という風に自動的に切り変えることはできないのでしょうか。
同様に分→秒→キックオフ→秒(経過)→分(経過)という風にできたら最高なのですが。
3.画像表示
カウンタの時間を画像で表示してみたいのです。
1から9までの数字を書いた画像を用意しておいて
残り365日なら3.gif,6.gif,5.gifと順に並べたいのです。
一度にたくさん質問してしまい申し訳有りません。
どうかよろしくお願いいたします。
No.2ベストアンサー
- 回答日時:
私もよく利用する、JavaScriptのサンプルがたくさんあるページを紹介します。
ダウンロードが可能なサンプルの中に、
まさに、sibachuさんが欲しいものを実現したようなものがありましたよ。
以下のURLから「JavaScript講座」に入り、左のフレームにあるメニューをたどっていくと、
下のほうに「サンプルプログラム」というのがあります。
「時計」を選択すると時計に関するサンプルのリストが出てきますから、
その中の「3.目標の日時までの残り時間を表示します。」というのが
お望みのものではないでしょうか。
「3.3」は画像で表示できるように改良されていますよ。
「Preview」ボタンで実際に動いているところを確認できますから、ぜひ見てください。
「サッカーW杯日本開催まで」を着々とカウントダウンしていますよ。
テキストエディタで見ると、どこを修正すれば自分好みにカスタマイズできるか
細かく書かれていますので、修正も簡単だと思います。
質問用のBBSもありますし。
頑張ってくださいね。
参考URL:http://www2s.biglobe.ne.jp/~club_tom/
有り難うございました!まさにこれです!
どうせならJavascriptのことを少し勉強してみたいと
軽い気持ちで始めたのですが、これが大変!
0からのスタートなので何をどうしたら良いのかも分からない状態でした。
ただ、残念なことに私が愛用しているブラウザ「iCab」ではきちんと表示されないんですよね。
ブラウザ側の問題とは言えちょっと残念です。
No.1
- 回答日時:
こんばんわぁ、Blackwinglsです。
-----引用開始-----
W杯開幕までのJavascriptが欲しいと思ってウェブ上で発見した
スクリプトを拝借してきて少しコメントを変えて私のサイトに置きました。
-----引用終了------
そのScriptがどのように書かれているかによって、どのようにScriptを書き直せばよいかが決まると思います。
同じ結果を出力するにしても人それぞれで書き方がかなり違ってきますからね。
与えられた情報のみからだと、一からScriptを組み直すような感じになってしまうので・・・・(^^;)
という訳で、差し障りが無かったらURLを補足してください。
ちなみに、基本的にお求めになってる機能はJavaScriptで実現可能だと思います。
ps おれ的には今度の連休は仕事なので、Scriptを書いてる時間がないかもしれない・・・・・・(T^T)
この回答への補足
早速回答をいただいたのに補足が遅くなってしまい申し訳有りません。
Javascriptを乗っけてあるページです。
http://members.tripod.co.jp/sibachu/
よろしくお願いいたします。
素早いレス どうも有り難うございました。
一応疑問が解決したので閉め切らせていただきました。
今後もお世話になるかも知れません。
その時はどうぞよろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryスライドショー画像への...
-
画像のランダム表示が遅い?
-
複数の画像を先に読み込ませ表...
-
テキストにオンマウスで指定箇...
-
ホォルダの読む込み
-
曜日別背景画像の固定
-
1枚の画像をクリックすると複数...
-
JavaScriptとチェックボックス...
-
画像をフォルダに入れれば表示...
-
画像に透明度をかけて、変数に...
-
WEBページ立ち上げ時に1回のみ...
-
textareaに画像を表示したい
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
createElementで作成した要素を...
-
背景色を透明化
-
JavaScriptにて『var val2 = "d...
-
【jQuery】2分割レイアウトで、...
-
jQueryで電卓を作っているのですが
-
JavaScriptでの画像切り替えを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
JavaScript スライドの画像にリ...
-
bxsliderにて読み込み後に内容...
-
透過pngの透明部分以外をクリッ...
-
JavaScriptとチェックボックス...
-
クリッカブルマップの一部分だ...
-
innerHTMLで、表示すると、一部...
-
Javascriptで指定した日付と時...
-
画像をフォルダに入れれば表示...
-
1枚の画像をクリックすると複数...
-
WEBページ立ち上げ時に1回のみ...
-
image.onload = .. の後に imag...
-
美人時計風JAVAスクリプトが上...
-
曜日と時間を指定して表示画像...
-
決まった曜日で一定時間だけ表...
-
画面の表示位置を指定させて表...
-
jQuery FlexSliderのカルーセ...
-
特定の画像を非表示にする方法
-
iframe内のリンク文字のマウス...
おすすめ情報