"mm:ss"のようなプレーンタイマのフォーマット。
ただし、の場合、このタイマーは更新後の時間を保持する必要があります。私はsessionStorage
を試しましたが、まっすぐに動作しません。
今は、ページを更新する前に毎回サーバーに時刻を返し、ページの読み込みを開始するときにサーバーから時刻を取得します。
サーバーがなくても良いアイデアはありますか?javascriptでタイマーをカウントアップし、リフレッシュ時の時間を維持する
0
A
答えて
0
sessionStorageは正常に動作するはずです。格納された値は文字列でなければならないことを覚えておいてください。
sessionStorage.setItem('ts', Date.now().toString());
ここで実証するための迅速なサンプルフィドルです:
+0
このコードでは一般的にトリックを行いますが、setIntervalを使用する方法では一時停止機能を実装できません。 'totaltime'変数を使用して1秒あたり1つずつ増やすことができれば良いでしょう。 –
関連する問題
- 1. 時間枠内でカウントアップ
- 2. エクセルデータをインポートし、日付時間を維持する
- 3. html/javascriptでポストバック時にdivスクロール位置を維持する
- 4. appengineでタスクキューを時間順に維持する
- 5. はタイマー統合をカウントアップします
- 6. Javascriptタイマーを一時停止する
- 7. 秒、分、時間、日を適切にカウントアップする方法は?
- 8. 正確なタイマーをJavascriptで作成すると、時々負の間隔時間が発生する
- 9. C#コールバック時間を考慮するタイマー
- 10. C#タイマーの経過時間?
- 11. Pythonタイマーの残り時間
- 12. タイマーの時間ピッカーダイアログを作る方法
- 13. AngularJSがデータを失っているが、リフレッシュ時に接続を維持する
- 14. HTML/CSS/JavaScript/jQuery - クリック時のホバー効果を維持する
- 15. Springデータの時間を維持する方法JPA
- 16. 時間間隔を計算するときの日付タイムスタンプを維持する
- 17. 速いスプライトキットでタイマーの時間間隔を変更する
- 18. ページリロード時にJavaScriptがカウント値を維持する
- 19. Android - サーバーと長時間接続を維持する方法
- 20. AI反応時間を表すタイマー
- 21. 奇妙な時間形式を維持し、Pythonで値を追加する
- 22. シャットダウン時にguavaキャッシュを維持する
- 23. Highstockチャートのギャップの時間間隔の比率を維持する
- 24. インテントサービスの時間間隔が維持されていません
- 25. 「アクティブでない」時間が過ぎるまでPHPセッションを維持する
- 26. ページ開始時にタイマーを開始し、DBに時間を記録します
- 27. Swift 4のDate()が一定時間後にカウントアップとカウントダウンタイマー
- 28. ifelseおよびdplyrを使用してPOSIXct時間形式を維持する
- 29. Androidタイマーで時間を表示する最善の方法
- 30. Socket.ioクライアントのリフレッシュまたは新しいページのオープン時にクライアント側で接続を維持する
[OK]を、あなたはここで私たちのコードを表示することができますか? – amanuel2
開始時刻をクッキーなどに格納して、その後の経過時間を確認するために数学のビットを使用することができます。 – maddockst
sessionStorageは正常に動作し、破損したコードを投稿します。 – dandavis