- 締切済み
javascriptカウントタイマー設置について
idhokanohiの回答
- idhokanohi
- ベストアンサー率45% (9/20)
ページを閉じてる間の時間はどうするのかな 止める 経過時間（か残り時間）をクッキーかウェブストレージに記録、再開時はその時間を利用 進める スタートした時間を記録（または30分後にあたる時間をクッキーかウェブストレージに記録） 再度アクセスした際にその時間を過ぎていたら0を表示そうでなければ残り時間を表示 厳しく管理するのならやっぱりサーバー側に記録しないと改ざんされちゃいそうですね。 時間の取得はnew Date()で、毎秒カウントするのはsetIntervalを利用します。 new Date()はそのままnew Date()で引くことで経過ミリ秒を取得できます（1000msで1秒) hajime = new Date(); keika = new Date() - hajime; setIntervalの精度はブラウザによってまちまちなので精度が必要な場合は毎回時間を取得して差を求めるのがいいかと思います。 必要なヒントは出したのでレッツトライ！
関連するQ&A
- JavaScriptを用いてカウントダウンタイマー
をHP上にセッチしたいのですが、どうにも上手くいきません。 内容としては、初回アクセスより3日間（（残り？？時間？？分？？行？？））といったカウントダウンタイマーを設置し表示させます。初回アクセスより3日間経過した場合は、指定のページが表示されるようにしたいです。 タイマー自体は何とか作成することができたのですが、3日間が経過すると初回アクセス時に開いたページが開けなくなります （ずっと読み込んでいる状態になります）。クッキーを利用すれば良いらしいのですが、私にはさっぱりすぎて...... 制作したコードは以下の通りです、手直し箇所を教えていただければ幸いです。 皆様のお力をお貸しください。 -------------------------------------------------------------------------------- <!-- start of JavaScript vartimeLimit = getTimeLimit( 1375425013, 'http://first_page .html', 72 ); varfirstTime = '<div class="countdownText">3日後に別のページが表示されます。<br />初回アクセス：' + getFirstTimeAccess() + '</div>'; $( function(){displayCountDown(); } ); function displayCountDown() { vartimer; vartoday = new Date() vardays = Math.floor( ( timeLimit - today ) / ( 24 * 60 * 60 * 1000 ) ); varhours = Math.floor( ( ( timeLimit - today ) % ( 24 * 60 * 60 * 1000 ) ) / ( 60 * 60 * 1000 ) ); varmins = Math.floor( ( ( timeLimit - today ) % ( 24 * 60 * 60 * 1000 ) ) / ( 60 * 1000 ) ) % 60; varsecs = Math.floor( ( ( timeLimit - today ) % ( 24 * 60 * 60 * 1000 ) ) / 1000 ) % 60 % 60; varmilis = Math.floor( ( ( timeLimit - today ) % ( 24 * 60 * 60 * 1000 ) ) / 10 ) % 100; if(( timeLimit - today ) > 0){ timer = '<div class="countdownText">残りは ' + days + '日 ' + addZero( hours ) + '時間 ' + addZero( mins ) + '分 '+ addZero( secs ) + '秒 ' + addZero( milis ) + 'です。</div>' $( '.countdown' ).html( firstTime + timer ); tid = setTimeout( 'displayCountDown()', 10 ); }else{ location.href='http://next_page.html'; return; } }
- 締切済み
- JavaScript
- JavaScriptタイマーをAdobe表示
JavaScriptで作ったカウントダウンタイマーをHTMLに表示させ、それをさらにAdobeで表示させようとしましたがうまく動きません。 HTMLで表示させてIEで実行させる分には問題なく動くのですが、これをAdobeで実行しても意味不明なところ(<script type="text/javascript">のところなど)でエラーを表示して動いてくれません。 カウントダウンタイマーはこのサイトのサンプルに少々手を加えたものです。 http://www.pori2.net/js/timer/6.html 手を加えたと言っても、リセットボタンを付け加えただけですが・・・ AdobeではJavaScriptのカウントダウンタイマーは動かないのでしょうか？ 分かる方がいましたら、ご教授お願いします。
- 締切済み
- JavaScript
- JavaScriptでタイマーを表示する
JavaScript（もしくはjqueryなど）でカウントダウンタイマーを作りたいと思っています。 機能はシンプルなもので大丈夫です。3分くらいカウントダウンできれば良いです。 具体的なサンプルコードや書いてあるサイトを教えて頂ければありがたいです。 どうぞよろしくお願いします。
- 締切済み
- JavaScript
- javascript カウントダウンタイマーについて
下記のサイトのようなカウントダウンタイマーを作成したく 色々と検索してるのですが全然見つかりません。 http://www.countdownbooster.com/ このサイトのように100分の1秒まで表示させて 例えば期限を明日と数字で設定するのではなく サイトに訪れてから●日後や●分後を期限にしたいのです。 尚且つクッキーで期限が切れたら何度訪れても終了！と表示させたいのですが可能でしょうか？ 下記のサイトが訪れてから1週間後に終了と表示されるサイトです。 http://www.successlab.jp/u25/full/ ※但し、100分の1秒まで表示されてません。 例えば7月31日と指定して 残り8日と●時間●分●秒●と 表示出来るJavaScriptはあるのですが 上記のような全てを満たすJavaScriptがありません。 ご存じの方がいたら是非、力をお貸し下さいませんか？ 宜しくお願い致します。
- 締切済み
- JavaScript
- javascriptでカウントダウンタイマー
「○時間○分○秒○」 のように、時間から秒以下までを カウントダウンするjavascriptを探しているのですが、 「○日○時間○分○秒○」 のように、日付からカウントダウンする javascriptしか見つけることができません…。 時間からカウントダウンを開始できる javascriptを教えて頂けないでしょうか。 可能であればキャンペーン開始前、終了後に ひとこと設定できると嬉しいです。 （例えば「キャンペーンは終了しました。」など） よろしくお願い致します。
- 締切済み
- JavaScript
- Javascriptでカウントダウン
急いでいます。 Javascriptで、アクセスして読み込まれるとき、読み込まれてから20秒だけカウントダウンしたいのですが、どのようにすればよいのか分かりません。 初めに20と表示され、19,18,17,16, ..... 3,2,1,0で終わるようなカウントダウンタイマーを作りたいんです。できれば２桁だけ小数も表示させたいです。19.04 19.03 19.02 19.01 19.00 ..... よろしくおねがいします。
- ベストアンサー
- ホームページ作成ソフト
- javascriptでカウントダウンタイマーを…
javascriptを用いた、カウントダウンタイマーの方法を教えて頂けないでしょうか？ 【午前9時からカウント開始】 ↓ 【午後19時に終了（0）】 ※毎日繰り返し このようなカウントダウンも出来るものなのでしょうか？ 超初心者ですが、独学で勉強したくて色々見てますが…、難しくてなかなか…。 どなたか、お知恵を貸して頂けたら、幸いです。 宜しくお願いします。
- ベストアンサー
- JavaScript
- アクセス時からのカウントダウンタイマー設置
初回アクセスしたら3日後にカウントが終了するタイマーをつくりたいです。 2回目に訪問しても初回からのタイマーが表示されて 3日後には「受付は終了しました」と別ページに飛ばして表示させたいです。 初めての訪問者にはすべて3日後に終了するようにしたいので、 それぞれ、終了日が違います。 ・・・・というカウントダウンタイマーをJavaScriptで作りたいです。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- 毎月末日期限の自動更新可能なカウントダウンタイマー
Javascriptで、毎月末日を期限とした、毎月自動更新ができるカウントダウンタイマー（日・時間・分・秒）を表示するソースコードを教えていただけないでしょうか。例えば、7月1日にサイトにアクセスすると、7月31日までの残り30日・〇〇時間・△△分・□□秒が表示される、あるいは8月10日にアクセスすると8月31日までの残り20日・●●時間・▲▲分■■秒が表示される、といったイメージです。よろしくお願いします。
- ベストアンサー
- JavaScript
- javascriptを用いたカウントダウンタイマ-
javascriptを用いた、カウントダウンタイマーの方法を教えて頂けないでしょうか？ 【午前9時からカウント開始】（あと”9時間59分59秒") ↓ 【午後19時に終了】（あと”0時間00分00秒") ※毎日繰り返し （午後19時から午前9時までの間は、何かコメントを表示させておく。） このようなカウントダウンも出来るものなのでしょうか？ 超初心者ですが、独学で勉強したくて色々見てますが…、難しくてなかなか…。 どなたか、お知恵を貸して頂けたら、幸いです。 宜しくお願いします。
- 締切済み
- JavaScript