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で質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) エクセルマクロでアニメを作る方法を教えてください。 1 2023/02/07 14:27
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- Excel(エクセル) Excelシフト表 固定シフトの自動変換化 1 2022/04/14 16:10
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- 画像編集・動画編集・音楽編集 このようなスクリーンキャプチャソフトありますか? 3 2023/01/31 16:02
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
- WordPress(ワードプレス) ワードプレスで、左寄せ画像と文字を横並びにせず、画像の下に文字を表示される方法を教えてください 1 2022/04/24 11:06
- モニター・ディスプレイ 「.cur」のアイコン表示について 4 2023/03/04 10:21
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptで毎月替わる画像
-
HTMLで条件分岐はできますか?
-
textareaに画像を表示したい
-
Javascriptで指定した日付と時...
-
画面の表示位置を指定させて表...
-
透過pngの透明部分以外をクリッ...
-
(超初心者向け)マウスオーバ...
-
FancyZoom (javascriptで画像拡...
-
サムネイルをクリックすると画...
-
Gifアニメ、最後のコマに行った...
-
画像をフォルダに入れれば表示...
-
jQueryスライドショー画像への...
-
各フォルダから1枚ずつ画像をラ...
-
MAX関数を使ってからLEFT JOIN...
-
HTMLですCSSです 画像のように...
-
アップロードファイルの種類に...
-
Slick.jsのオプションrtlについて
-
スタイルシートで画面を上下に...
-
大分類・中分類・小分類
-
javascriptテキストBOX色を元に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript で共通の処理をどこ...
-
Javascriptで指定した日付と時...
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
1枚の画像をクリックして複数の...
-
画像ランダム表示、しかしダブ...
-
スライダーを実装した場合、ペ...
-
1枚の画像をクリックすると複数...
-
HTMLで条件分岐はできますか?
-
JavaScript スライドの画像にリ...
-
オンマウスで、画像切り替え+...
-
画像の重なりの順序を代える方...
-
JavaScriptとチェックボックス...
-
透過pngの透明部分以外をクリッ...
-
画像をドラッグ&ドロップで移...
-
各フォルダから1枚ずつ画像をラ...
-
jQueryで特定のURLの時のみ表示
-
bxsliderにて読み込み後に内容...
-
prettyphotoの画像表示について
-
WEBページ立ち上げ時に1回のみ...
おすすめ情報