• 締切済み

アクセス時からのカウントダウンタイマー設置について質問です。

babu_babooの回答

回答No.8

かいてみた。やっぱりむだにながいので、ぶんかつです。 ぜんかくくうはくは、はんかくにでもして。 2にちたってみないと、むしとりできませ~ん!? <!DOCTYPE html> <title></title> <style type="text/css"> body { background : black; color: red; } p { font-size:200%; } p.cm { font-size: 400%; color: green; } p.cm2 { font-size: 100%; color: yellow; } <style type="text/css"> </style> <body> <p id="mess">有効期限は、初めてページを閲覧してから2日です</p> <p class="cm">花火大会開催中!!</p> <p class="cm2">(出場者募集中、商品はなんと「黒豆10粒」)</p> <script type="text/javascript"><!-- (function (doc) {  function addDay ( day, date ) {   if( 'number' !== typeof day ) day = 0;   if( 'object' !== typeof date ) date = new Date;   return (date.setDate( date.getDate() + day ), date);  }  function getCookie ( name ) {   name = encodeURIComponent( name ).replace( /([.*()]) /g, '\\$1' );   var value = doc.cookie.match( RegExp( name + '\\s*=\\s*(.*?)(?:[\\s;,]|$)' ) );   return value ? decodeURIComponent( value[1] ): '';  }  function setCookie ( name, value, day, path, domain ) {   return doc.cookie = encodeURIComponent (name) + '=' + encodeURIComponent (value) +    '; ' + 'expires=' + ( addDay(day) ).toUTCString () + '; ' + (path ? 'path=' + encodeURI (path) + '; ': '') +    (domain ? 'domain=' + encodeURI (domain) + '; ': '');  }  function padding ( n ) { return n < 10 ? '0' + n: n; }

関連するQ&A

  • アクセス時からのカウントダウンタイマー設置

    初回アクセスしたら3日後にカウントが終了するタイマーをつくりたいです。 2回目に訪問しても初回からのタイマーが表示されて 3日後には「受付は終了しました」と別ページに飛ばして表示させたいです。 初めての訪問者にはすべて3日後に終了するようにしたいので、 それぞれ、終了日が違います。 ・・・・というカウントダウンタイマーをJavaScriptで作りたいです。 よろしくお願い致します。

  • 時間指定のカウントダウンタイマーを探しています。

    フリーソフトを探しています。 ベクターでも探してみましたが、関連ソフトが膨大でへこたれてしまいました。 探しているのは以下のようなものです。 カウントダウン・タイマー ただし、指定した時間量をカウントするタイプではありません。 えっと、例えば3分をカウントダウンするものはたくさんありましたが、そういうのではないのです。 例えば、8時30分に家を出なければいけないとします。 その場合、8時30分を設定して、その時間まで「あと5分です」「あと3分です」ということを知りたいのです。 もしそのようなソフトをご存知の方がいらっしゃれば、よろしくお願いします。

  • javascriptでカウントダウンタイマーを…

    javascriptを用いた、カウントダウンタイマーの方法を教えて頂けないでしょうか? 【午前9時からカウント開始】       ↓ 【午後19時に終了(0)】 ※毎日繰り返し このようなカウントダウンも出来るものなのでしょうか? 超初心者ですが、独学で勉強したくて色々見てますが…、難しくてなかなか…。 どなたか、お知恵を貸して頂けたら、幸いです。 宜しくお願いします。

  • PCを落としても動き続けるカウントダウンタイマー

      作業用にキッチンタイマー風のカウントダウンタイマーを色々探してみたのですが 数が多いのと、私が試してみたものは大体、起動しっぱなしでないと使えなかった為 質問させてください。 アプリケーションに依存するタイマーなのではなく、windowsの時計に依存して パソコンを閉じた後もカウントダウンし続けるタイマーを探しています。 仮に3日後、72時間後を指定してPCをシャットダウンし、1日まるまる起動しなかったとしても、 次に立ち上げた時には48時間からカウントダウンし続けてくれているようなものです。 ------------------- 必須  ・windowsで使えるフリーソフト(場合によってはシェアウェアソフトも視野に)  ・アプリケーションではなくwindowsに依存してカウントダウンを続ける 出来れば  ・複数のタイマーを設定できる  ・大きすぎず、作業の邪魔にならないサイズである  ・設定が容易である(可能であれば日本語) ------------------- こんなところです。 ご存知の方がいらっしゃいましたら、是非知識を貸してください。よろしくお願いします。

  • javascript カウントダウンタイマーについて

    下記のサイトのようなカウントダウンタイマーを作成したく 色々と検索してるのですが全然見つかりません。 http://www.countdownbooster.com/ このサイトのように100分の1秒まで表示させて 例えば期限を明日と数字で設定するのではなく サイトに訪れてから●日後や●分後を期限にしたいのです。 尚且つクッキーで期限が切れたら何度訪れても終了!と表示させたいのですが可能でしょうか? 下記のサイトが訪れてから1週間後に終了と表示されるサイトです。 http://www.successlab.jp/u25/full/ ※但し、100分の1秒まで表示されてません。 例えば7月31日と指定して 残り8日と●時間●分●秒●と 表示出来る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; } }

  • カウントダウンタイマーについて質問です。

    <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/に飛ぶようにしたいです。 皆さんのお力添えをお願い致します。

  • カウントダウンタイマーについて

    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>

  • このようなタイマーは売ってませんか?

    僕は現在高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