Reactjs で更新時にタイムアウトをリセットしないようにする
P粉285587590
P粉285587590 2023-09-07 20:50:48
0
2
542

3 回クリックすると無効になるボタンがあります。ページを更新しても、カウンターは同じままです (1/3、2/3、または 0/3)。しかし、無効なボタンでは同じことはできません。 setTimeoutをリセットしたくない。中断したところから再開されることを願っています。

リーリー
P粉285587590
P粉285587590

全員に返信(2)
P粉463811100

遅延を 5000 ミリ秒に設定する setTimeOut 関数に依存せず、タイムスタンプの使用を検討してください。タイムスタンプを localStorage に保存し、現在のタイムスタンプと比較できます。差が 5000 ミリ秒以上の場合、ボタンは再び有効になります。完全なコードと私の実装は次のとおりです:

リーリー
いいねを押す +0
P粉184747536

「0」を無効にする追加の if ステートメント チェックを設定するだけです。値が正しく保存されました。

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート