ホームページ >バックエンド開発 >PHPチュートリアル >javascript - ページを更新した後に js カウントダウンが変更されないようにする良い方法はありますか?

javascript - ページを更新した後に js カウントダウンが変更されないようにする良い方法はありますか?

WBOY
WBOYオリジナル
2016-08-08 09:06:461659ブラウズ

現在、js カウントダウンを実装することは可能ですが、ページが更新されるとすぐにカウントダウンが直接停止するか、再び開始されます。
それで、質問は何ですか?
ページが更新されてもカウントダウンが継続するようにjsを制御するにはどうすればよいですか。
すみません、通りすがりの友達の皆さん、お願いがあります。ありがとう!

返信内容:

現在、js カウントダウンを実装することは可能ですが、ページが更新されるとすぐにカウントダウンが直接停止するか、再び開始されます。
それで、質問は何ですか?
ページが更新されてもカウントダウンが継続するようにjsを制御するにはどうすればよいですか。
お近くの皆様、よろしくお願い致します。ありがとう!

カウントダウンの開始時に現地時間を取得し、Cookieまたはローカルストレージに保存し、更新後に開始時間を読み取り、現在時間を減算します

Service Worker について学ぶ

すべての更新は新しい機能の実行環境であり、更新前の状態はわかりません。タイマーの開始時刻は、バックグラウンドから取得するか、現在の時刻に基づいて計算することしかできません。

Cookie または localstorage を使用します。
詳細については、私が書いた回答を参照してください
http://stackoverflow.com/a/38...

リーリー

意味は分かるはずです

カウントダウンが開始したら、終了時刻をローカルストレージに保存し、ページを更新してローカルストレージの値を読み取り、カウントダウン時間を計算します

最近、カウントダウンについて質問する人がいます。以前に簡単なものを書きましたので、ご覧ください。

毎週火曜日のカウントダウンコードを募集中

カウントダウンの開始時間を使用しないでください

それを使って試してくださいjs获取客户端的时间,用php获取服务端的时间给js

ローカルストレージのカウントダウンを書き込めばOKです

カウントダウン関数を実装するには、まず通常のロジックの実装を固定する必要があります。

終了時刻をカウントダウン メソッドに渡し、終了時刻から現在の時刻を引いて残り時間を取得し、1 秒に 1 回実行します。現在時間が増加し、それに応じて残り時間が減少します。

では、固定終了時間はどこから来たのでしょうか。 1. コード内にハードコーディングされた時刻 2. バックエンドによって返された時刻 3. ローカル ストレージ。終了時間が決まっていれば、最初からカウントダウンが始まることはありません。割り込みは、カウントダウンが終了するか、コードがエラーを報告する場合にのみ発生します。複数のカウントダウンが同時に存在するページリンクの説明を書きました

フロントエンドを制御する必要がある場合は、Cookie/Webストレージなどのブラウザストレージのみを使用できます。これにより、必要に応じてキャッシュをクリアせずに、同じブラウザでニーズを実現できます。ブラウザを変更すると、バックエンドのみが時刻を返すことができます

[SMS 認証の送信、更新カウントダウンの失敗を防ぐための戻るボタンのカウントダウン]

適用シナリオ:「SMS 認証の送信」機能を開発する場合、悪意のあるまたは頻繁な SMS 認証コードが送信されないように問題を解決する必要があります。一般的な原則は、「送信ボタンがクリックされると、SMS 検証コードを送信するためにサーバーに ajax リクエストが送信されます。成功すると、送信ボタンはクリック不可に設定され、通話が設定されます。元のリンク: https: //segmentfault.com/a/11.. .

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。