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

質問

初回アクセスしたら3日後にカウントが終了するタイマーをつくりたいです。
2回目に訪問しても初回からのタイマーが表示されて
3日後には「受付は終了しました」と別ページに飛ばして表示させたいです。

初めての訪問者にはすべて3日後に終了するようにしたいので、
それぞれ、終了日が違います。

・・・・というカウントダウンタイマーをJavaScriptで作りたいです。
よろしくお願い致します。

回答No.2

ubku

何をもって初回アクセスとするかですね。
JavaScript だけでは期待通りにはならないでしょう。JavaScript はクライアント側の処理系だからです。

まず、初回訪問日時をサーバー側で管理する必要があります。そうしなければ、クライアント側で初回訪問日時をリセットできてしまいます。たとえばCookieを削除すると初回に戻ります。シークレットウインドウやプライベートウインドウで開けば常に初回アクセスとなります。

なのでサーバー側で初回訪問日時を記録します。

そして誰がアクセスしてきたのかを知る必要があります。通常、ユーザーIDとパスワードでアクセス元を管理することになります。

受付ページでは、初回訪問日時から3日過ぎていれば終了ページに飛ばす、という処理をサーバー側で行います。これをクライアント側で行う事もできますが、ユーザーの環境で JavaScript が無効にされていたら機能しないでしょう。

クライアント側の処理系である JavaScript は本件のような処理は担当すべきではありません。
時間が来たら別のページに飛ばす、などは出来ますが、これもユーザーの環境次第なので、頼ってはいけません。

どうしても JavaScript でやるのであれば、
初回アクセス日時を Cookie に保存、2回目以降は Cookie を見て残り時間をタイマーにセットするような流れになると思います。

補足

ありがとうございます！分かりやすく説明いただきありがとうございます。
それをコードにしていただくことは可能でしょうか。
実現できればJavaScriptにこだわりはありません。実例のソースが欲しいです。申し訳ありません。