- 締切済み
アクセス時からのカウントダウンタイマー設置について質問です。
アクセス時からのカウントダウンタイマー設置について質問です。 サイトに設置するカウントダウンタイマーで 例えば、期限を２日間と設定し、 初回の訪問時からカウントできますか？ 同じ人が２回目にサイトを訪問した場合は 初回からカウントされた時間の続きになります。 ですから、訪問者１人１人 訪問時間が違うわけですから、 それぞれ期限が異なることになります。 このような設定のスクリプトは可能でしょうか？
- sh05
- お礼率28% (11/39)
- JavaScript
- 回答数13
- ありがとう数21
- みんなの回答 （13）
- 専門家の回答
みんなの回答
- zeff
- ベストアンサー率69% (137/198)
さっそく訂正： onsubmit="return WriteCookie('RTIME)" は無しで；；
- zeff
- ベストアンサー率69% (137/198)
http://www.sasaraan.net/program/js/jscookie.html onload時にCookieを読み出し、 setIntervalで持ち時間を減らす関数を１秒おきに呼び出し、 と同時にCookieに持ち時間の残りを書き出す。 そして持ち時間が0になったらclearTimeout。 という具合にやっていけばいいんじゃ無いでしょうか。 以下、試してみたけどたぶんNG箇所があると思います。関数名も適当＾＾； 持ち時間は仮に２０秒にしてあります。 <html lang="ja"> <head> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>タイトル</title> <script type="text/javascript"> <!-- function WriteCookie( key, v ){ var str = key + "=" + escape( v ) + ";"; var dt = new Date(); dt.setDate( dt.getDate() + 365 );//Cookieを1年間保存 str += "expires=" + dt.toGMTString() + ";"; document.cookie = str; return false; } function ReadCookie( key ){ var sCookie = document.cookie; var aData = sCookie.split(";"); var oExp = new RegExp(" ", "g"); key = key.replace(oExp,""); var i = 0; while ( aData[i] ) { var aWord = aData[i].split("="); aWord[0] = aWord[0].replace( oExp,""); if( key == aWord[0] ) return unescape(aWord[1]); if( ++i >= aData.length ) break; } return ""; } function yourTime(){ var o = document.getElementById('utime'); if( !o ) return false; o.value = restTime + "秒"; if( restTime <= 0 ){ clearInterval( timerID ); window.alert("持ち時間を使いきりました。"); }else{ restTime--; } WriteCookie("RTIME", restTime ); } function getYourTime(){ restTime = ( ReadCookie("RTIME") ? parseInt( ReadCookie("RTIME") ) : 20 ); if( restTime ) timerID = setInterval( yourTime ,1000); else window.alert("持ち時間を使いきっています。"); } window.onload = function(){ getYourTime(); } //--> </script> </head> <body> <form name="form1" id="form1" action="#" onsubmit="return WriteCookie('RTIME)"> <p><label for="utime">貴方の持ち時間：<input type="text" id="utime" value=""></label> </form> </body> </html>
- hanmemomo
- ベストアンサー率35% (205/580)
そういうのを「クッキー」って言います。 サイト側ではなく、クライアントが自分で管理する機能ですね。 ということで、クッキーを使ったプログラムを調べれば いろいろサンプルが出ますよ。 がんばってね
お礼
ご回答いただきましてありがとうございます。 早速検索をかけてみたのですが なかなか見つかりません。 もし可能でしたら スクリプトを教えていただけると有り難いです。
- 1
- 2
関連するQ&A
- アクセス時からのカウントダウンタイマー設置
初回アクセスしたら3日後にカウントが終了するタイマーをつくりたいです。 2回目に訪問しても初回からのタイマーが表示されて 3日後には「受付は終了しました」と別ページに飛ばして表示させたいです。 初めての訪問者にはすべて3日後に終了するようにしたいので、 それぞれ、終了日が違います。 ・・・・というカウントダウンタイマーをJavaScriptで作りたいです。 よろしくお願い致します。
- ベストアンサー
- JavaScript
- 時間指定のカウントダウンタイマーを探しています。
フリーソフトを探しています。 ベクターでも探してみましたが、関連ソフトが膨大でへこたれてしまいました。 探しているのは以下のようなものです。 カウントダウン・タイマー ただし、指定した時間量をカウントするタイプではありません。 えっと、例えば３分をカウントダウンするものはたくさんありましたが、そういうのではないのです。 例えば、8時30分に家を出なければいけないとします。 その場合、8時30分を設定して、その時間まで「あと５分です」「あと3分です」ということを知りたいのです。 もしそのようなソフトをご存知の方がいらっしゃれば、よろしくお願いします。
- 締切済み
- フリーウェア・フリーソフト
- javascriptでカウントダウンタイマーを…
javascriptを用いた、カウントダウンタイマーの方法を教えて頂けないでしょうか？ 【午前9時からカウント開始】 ↓ 【午後19時に終了（0）】 ※毎日繰り返し このようなカウントダウンも出来るものなのでしょうか？ 超初心者ですが、独学で勉強したくて色々見てますが…、難しくてなかなか…。 どなたか、お知恵を貸して頂けたら、幸いです。 宜しくお願いします。
- ベストアンサー
- JavaScript
- PCを落としても動き続けるカウントダウンタイマー
作業用にキッチンタイマー風のカウントダウンタイマーを色々探してみたのですが 数が多いのと、私が試してみたものは大体、起動しっぱなしでないと使えなかった為 質問させてください。 アプリケーションに依存するタイマーなのではなく、windowsの時計に依存して パソコンを閉じた後もカウントダウンし続けるタイマーを探しています。 仮に３日後、７２時間後を指定してＰＣをシャットダウンし、１日まるまる起動しなかったとしても、 次に立ち上げた時には４８時間からカウントダウンし続けてくれているようなものです。 ------------------- 必須 ・windowsで使えるフリーソフト（場合によってはシェアウェアソフトも視野に） ・アプリケーションではなくwindowsに依存してカウントダウンを続ける 出来れば ・複数のタイマーを設定できる ・大きすぎず、作業の邪魔にならないサイズである ・設定が容易である（可能であれば日本語） ------------------- こんなところです。 ご存知の方がいらっしゃいましたら、是非知識を貸してください。よろしくお願いします。
- ベストアンサー
- フリーウェア・フリーソフト
- javascript カウントダウンタイマーについて
下記のサイトのようなカウントダウンタイマーを作成したく 色々と検索してるのですが全然見つかりません。 http://www.countdownbooster.com/ このサイトのように100分の1秒まで表示させて 例えば期限を明日と数字で設定するのではなく サイトに訪れてから●日後や●分後を期限にしたいのです。 尚且つクッキーで期限が切れたら何度訪れても終了！と表示させたいのですが可能でしょうか？ 下記のサイトが訪れてから1週間後に終了と表示されるサイトです。 http://www.successlab.jp/u25/full/ ※但し、100分の1秒まで表示されてません。 例えば7月31日と指定して 残り8日と●時間●分●秒●と 表示出来るJavaScriptはあるのですが 上記のような全てを満たすJavaScriptがありません。 ご存じの方がいたら是非、力をお貸し下さいませんか？ 宜しくお願い致します。
- 締切済み
- JavaScript
- 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
- カウントダウンタイマーについて質問です。
<script type="text/javascript">var year = "2014";var month = "10";var day = "2";var hour = "0";var minute = "0";var centi = "1"; var convert = "0";var roop = ""; var cnt1 = "日";var cnt2 = "時間";var cnt3 = "分";var cnt4 = "秒"; var baseoffset = "none"; var br1 = "";var br2 = "";var br3 = "";var br4 = ""; var com1 = "適当にカウントダウン中";var com2 = "";var com3 = "です";var com4 = "カウントダウン終了";var end = "2"; var width = "1000";var height = "70"; var font = "arial";var font2 = "7seg4";var size = "32";var l_height = "32";var bold = "";var italic = "";var line = ""; var space = "5px 0px 5px 0px"; var align = "2";var img = ""; var color1 = "FFFFFF";var color2 = "00FF00";var color3 = "000000"; </script> <script type="text/javascript" src="http://countdown.reportitle.com/js/neo1.js"></script><a href="http://countdown.reportitle.com/">カウントダウンタイマー</a><script type="text/javascript" src="http://countdown.reportitle.com/js/neo2.js"></script> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ このカウントダウン終了後に別ページへ飛ぶように 設定したいのですが、分かりません。 例えば、http://www.yahoo.co.jp/に飛ぶようにしたいです。 皆さんのお力添えをお願い致します。
- 締切済み
- JavaScript
- カウントダウンタイマーについて
FlashCS3を使用しております。 日時（3時間20分50秒等）のカウントダウンタイマーを作成したいのですが、 下記の質問に返答されている、空のムービークリップの作成の仕方、 又、カウント終了後に「終了」画像等の表示の仕方が分かりません。 もし、ご存知になられる方がいましたら、ご教授頂ければ幸いです。 宜しくお願いします。 http://okwave.jp/qa1192628.html
- ベストアンサー
- Flash
- jQueryでカウントダウンタイマーのループ
jquery-countdownのタイマーを作っています。 同じ時間を何度も繰り返す タイマーにしたいのですが うまくいきません。 jquery-countdown http://code.google.com/p/jquery-countdown/ demostration http://jquery-countdown.googlecode.com/svn/trunk/index.html このタイマーを ループさせたいと考えています。 15行目の timerEnd: function() { alert('end!!'); }, を変更するかと思いますが どのように変更すれば 何度も繰り返すループになるでしょうか？ <html> <head> <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script src="http://jquery-countdown.googlecode.com/svn/trunk/js/jquery.countdown.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(function(){ $('#counter').countdown({ stepTime: 60, format: 'mm:ss', startTime: "00:10", image: 'http://jquery-countdown.googlecode.com/svn/trunk/img/digits.png', digitWidth: 53, digitHeight: 77, timerEnd: function() { alert('end!!'); }, }); }); </script> </head> <body> <div id="counter"></div> </body> </html>
- 締切済み
- JavaScript
- このようなタイマーは売ってませんか？
僕は現在高1です。 日々の勉強時間に区切りをつけようとパソコンのタイマーを使ってみましたがパソコンの常駐音がうるさく気になってしまうのでタイマーを購入したいと考えています。そこで次のようなタイマーを探しています。 ★1.カウントダウンタイマーである （30分と設定したら00:01、00:02、00:03・・・29:58、29:59、30:00ではなく30:00、29:59、29:58、・・・00:03、00:02、00:01となる） ★2.スヌーズ機能がある（30分終わると自動的にまた30分カウントしてくれる） ☆3.30分カウントしたら15分、そしてその15分をカウントし終わったらまた30分、そしてその30分がカウントし終わったらまた15分・・・というような機能がある ☆4.時計機能がある（アナログ・デジタル問わず） ☆の機能はついていなくても構いませんが★の機能は必須でお願いします。 本来ならば自分で探すのですが（今回も事前に探しました）、前にたまたまこのサイトで見つけた各タイマーの特徴を述べたページのURLがわからないので質問させていただきました。 そのようなサイトを教えていただけるだけでも結構ですのでご協力お願いしますm(_ _)m
- ベストアンサー
- その他（生活家電）
お礼
大変ご丁寧にご返答いただきまして ありがとうございます。 2日後に設定するにはどうしたらよいでしょうか。 またフォーム形式になっていますが テキスト文字だけにすることは可能ですか？ ご教授お願い致します。