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

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

Aug 08, 2016 am 09:06 AM
javascript php

現在、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 までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド Dec 24, 2024 pm 04:42 PM

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレード ガイド

CakePHP の日付と時刻 CakePHP の日付と時刻 Sep 10, 2024 pm 05:27 PM

CakePHP の日付と時刻

CakePHP プロジェクトの構成 CakePHP プロジェクトの構成 Sep 10, 2024 pm 05:25 PM

CakePHP プロジェクトの構成

CakePHP ファイルのアップロード CakePHP ファイルのアップロード Sep 10, 2024 pm 05:27 PM

CakePHP ファイルのアップロード

CakePHP ルーティング CakePHP ルーティング Sep 10, 2024 pm 05:25 PM

CakePHP ルーティング

CakePHP について話し合う CakePHP について話し合う Sep 10, 2024 pm 05:28 PM

CakePHP について話し合う

PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法 Dec 20, 2024 am 11:31 AM

PHP 開発用に Visual Studio Code (VS Code) をセットアップする方法

CakePHP クイックガイド CakePHP クイックガイド Sep 10, 2024 pm 05:27 PM

CakePHP クイックガイド

See all articles