人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascript初心者です。

訪問してから1日限定で見れるページを作りたく、
残り時間をカウントダウンさせるのに

jQueryプラグイン、”jquery.jCountr.js”
にて、

==========
$(function(){
$("#counter").counter({
hour : 24,
min : 0,
sec : 0,
finish_function : 'alert("おしまい!!");'
});
});
==========

<span id="counter"></span>

と、カウントさせるまでは出来ましたが、
期限内に再訪問した場合、
cookieにて前回訪問時のカウントを引き継ぎたいのですが…



”cookie.js”というので出来そう?(?) みたいなところまでは調べれましたが、
説明が私には難解で。。。

具体的なソースを出していただければ?と質問させていただきました。

(期間後は別ページに飛ばし、そちらの処理はOkです。)


皆様、どうぞよろしくお願い致します。

●質問者: mikomeko
●カテゴリ:ウェブ制作
✍キーワード:24 cookie JavaScript jQuery js
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●60ポイント ベストアンサー

こんな感じでいかがでしょうか。

この質問のコメント欄を有効にしておいた方がいいです。バグがあった場合などコメント欄でやり取りすればポイントがかかりません。


<html>
<head>
<script src="jquery.js"></script>
<script src="jquery.jCountr.1.2.js"></script>
<script src="jquery.cookie.js"></script>
<script>
$(function(){
 //デバッグ用 cookie削除
 //$.cookie('end_time', null);

 //cookieから終了時刻を取得。文字列なので数値に変換。
 var end_time = parseInt($.cookie('end_time'));
 var count_ms;

 if(end_time) {
 // カウントミリ秒を計算
 count_ms = end_time - new Date().getTime();
 } else {
 // 制限時間をミリ秒で指定
 count_ms = 1000 * 60 * 60 * 24;

 // 終了時刻をcookieに格納
 var end_time = new Date().getTime() + count_ms;
 $.cookie('end_time', end_time);
 }

 $("#counter").counter({
 // ミリ秒から秒に直して設定
 sec : count_ms / 1000,
 finish_function : 'alert("おしまい!!");'
 });
});
</script>
</head>
<body>
<span id="counter"></span>
</body>
</html>

メモ

jquery.jCountr.js 24時間でセットした際、最初に24:01:00になるなど変なところありますね。


参考

◎質問者からの返答

ありがとうございます!

”参考”等ひたすら見たのですがわからなく何時間もさまよっていましたが、

思い切って質問させていただき本当に良かったです。

丸投げするなーと怒られるかと思ったのですが。。。

感謝です!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ