- 締切済み
javascriptを用いたカウントダウンタイマ-
javascriptを用いた、カウントダウンタイマーの方法を教えて頂けないでしょうか? 【午前9時からカウント開始】(あと”9時間59分59秒") ↓ 【午後19時に終了】(あと”0時間00分00秒") ※毎日繰り返し (午後19時から午前9時までの間は、何かコメントを表示させておく。) このようなカウントダウンも出来るものなのでしょうか? 超初心者ですが、独学で勉強したくて色々見てますが…、難しくてなかなか…。 どなたか、お知恵を貸して頂けたら、幸いです。 宜しくお願いします。
- kaede0713
- お礼率66% (2/3)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
あれっ? 回答が出てたんじゃ…? 違うタイプのものですが、コードを集めたいのなら… (全角空白は半角に) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head><title>sample</title> <meta http-equiv="Content-Script-Type" content="text/javascript"> </head> <body> <div id="target"></div> <script type="text/javascript"> <!-- (function set(){ var padd = function(n, unit, r){ var v = n % 60; if(v<10) v = "0" + v; r.unshift(v + unit); return n/60 | 0; } var getLimit = function(day, hour){ var d = new Date(); return new Date(d.getFullYear(),d.getMonth(),d.getDate()+day,hour,0,0,0); } var elm = document.getElementById("target"); var limit = getLimit(0, 19); var id = setInterval(function(){ var rem = (limit - new Date())/1000 | 0; var tmp, res = []; if(0>=rem){ res.push("時間切れ"); clearInterval(id); tmp = getLimit(1, 9) - new Date(); setTimeout(set, tmp>10?tmp:50); } else { rem = padd(padd(padd(rem, "秒", res), "分", res), "時間", res); res.unshift("あと"); } elm.innerHTML = res.join(""); }, 500); })(); //--> </script> </body> </html>
関連するQ&A
- javascriptでカウントダウンタイマーを…
javascriptを用いた、カウントダウンタイマーの方法を教えて頂けないでしょうか? 【午前9時からカウント開始】 ↓ 【午後19時に終了(0)】 ※毎日繰り返し このようなカウントダウンも出来るものなのでしょうか? 超初心者ですが、独学で勉強したくて色々見てますが…、難しくてなかなか…。 どなたか、お知恵を貸して頂けたら、幸いです。 宜しくお願いします。
- ベストアンサー
- JavaScript
- javascriptでカウントダウンタイマー
「○時間○分○秒○」 のように、時間から秒以下までを カウントダウンするjavascriptを探しているのですが、 「○日○時間○分○秒○」 のように、日付からカウントダウンする javascriptしか見つけることができません…。 時間からカウントダウンを開始できる javascriptを教えて頂けないでしょうか。 可能であればキャンペーン開始前、終了後に ひとこと設定できると嬉しいです。 (例えば「キャンペーンは終了しました。」など) よろしくお願い致します。
- 締切済み
- JavaScript
- Javascriptのカウントダウンについて
現在、カウントダウンタイマーをJavascriptで書いておりますが、質問させて下さい。 例えば朝7時からカウントダウンを開始し、夕方4時になったら「カウントダウン終了!次回のカウントダウンは○月○日(○曜日)です!」とコメントさせて次回のカウントダウン日時(朝7時)になったら、自動でまたカウントダウンさせたい(夕方4時にカウントダウン終了)のですが、どうすれば出来るのでしょうか?m(_ _)m ちなみに○月○日(○曜日)の部分は基本的に次の日にさせたいのですが、次の日が日曜日や祝日の場合はそれを除いた次の日を表示させたいです。 これはJavaScriptで出来ますか? JavaScriptのコードはここを参考に引用しています。 http://javascript123.seesaa.net/article/102586838.html どなたか教えてください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- Javascriptでカウントダウン
急いでいます。 Javascriptで、アクセスして読み込まれるとき、読み込まれてから20秒だけカウントダウンしたいのですが、どのようにすればよいのか分かりません。 初めに20と表示され、19,18,17,16, ..... 3,2,1,0で終わるようなカウントダウンタイマーを作りたいんです。できれば2桁だけ小数も表示させたいです。19.04 19.03 19.02 19.01 19.00 ..... よろしくおねがいします。
- ベストアンサー
- ホームページ作成ソフト
- カウントダウンJavascript
Javascriptでホームページにカウントダウンを設置しょうと思っているのですが… やはり、こったモノをと本などを買って勉強しています。 そこでお尋ねしたいのですが、残り ○日○時間○分○,○○秒といったように ○,○○秒というのはできるんでしょうか?よろしくお願いします。
- ベストアンサー
- JavaScript
- カウントダウンJavascript
W杯開幕までのJavascriptが欲しいと思ってウェブ上で発見した スクリプトを拝借してきて少しコメントを変えて私のサイトに置きました。 でも、2,3変更したい点が有るのです。 私は素人ですのでどこをどうしたら良いかも分かりません。 本を借りてきて少しずつ勉強しているのですが、 できるなら早い内に完成させたいと思い みなさんのお知恵を拝借させていただこうと思いました。 やりたいことはこうです。 1.秒数のリアルタイム表示 キックオフまで後何秒!という風にもカウントダウンしてみたいのです。 2.残り時間による表示切り替え 残り一日を切ったら「後何時間」という風に自動的に切り変えることはできないのでしょうか。 同様に分→秒→キックオフ→秒(経過)→分(経過)という風にできたら最高なのですが。 3.画像表示 カウンタの時間を画像で表示してみたいのです。 1から9までの数字を書いた画像を用意しておいて 残り365日なら3.gif,6.gif,5.gifと順に並べたいのです。 一度にたくさん質問してしまい申し訳有りません。 どうかよろしくお願いいたします。
- ベストアンサー
- JavaScript
- javascript カウントダウンタイマーについて
下記のサイトのようなカウントダウンタイマーを作成したく 色々と検索してるのですが全然見つかりません。 http://www.countdownbooster.com/ このサイトのように100分の1秒まで表示させて 例えば期限を明日と数字で設定するのではなく サイトに訪れてから●日後や●分後を期限にしたいのです。 尚且つクッキーで期限が切れたら何度訪れても終了!と表示させたいのですが可能でしょうか? 下記のサイトが訪れてから1週間後に終了と表示されるサイトです。 http://www.successlab.jp/u25/full/ ※但し、100分の1秒まで表示されてません。 例えば7月31日と指定して 残り8日と●時間●分●秒●と 表示出来るJavaScriptはあるのですが 上記のような全てを満たすJavaScriptがありません。 ご存じの方がいたら是非、力をお貸し下さいませんか? 宜しくお願い致します。
- 締切済み
- JavaScript
- javascriptのカウントダウン+ループ
お世話になります。 カウントダウンのサイトをつくろうと考えているのですが、 70秒をカウントダウンし、その後、80秒をカウントダウン という動作を繰り返すプログラムの書き方を教えて頂けないでしょうか? ページを開いた時からカウントダウン開始ではなく、時刻を取得するタイプです。 よろしくお願いします。
- 締切済み
- JavaScript
- JavaScriptで毎日カウントダウン土日祝除く
初めまして、よろしく御願いします。 JavaScriptで毎日カウントダウンをしたいと思っています。 条件1 0時から10時までカウントダウンをする(月~金) 条件2 土日祝を除く(イレギュラー用に日付指定もできる) 条件3 時間:分:秒:ミリ秒の表示にしたい 以上の条件を満たしたものを作りたいと思っています。 検索をするとカウントダウンは出てくるのですが、 これといって適合するものはなく。。 悩んでいます。 お分かりになる方がいらっしゃいましたらご教示を御願いします。
- 締切済み
- JavaScript
- javascriptを使ってカウントダウンしたいと考えています。
javascriptを使ってイベント開始まで「あと~日~時間~分~秒です」と表示したいと考えています。デザイン上フォームの中に書いてある形ではなく、ページそのものに記入してある形にしたいです。わかりにくい質問でしたら申し訳ありません。なお、javascript初心者ですので、ソースを教えていただける場合には・・どの部分に入れ込めば良いのかというところまで教えていただけると助かります。なにとぞよろしくお願いします。
- 締切済み
- JavaScript