Discussions

Qページから離れて戻ってくると

はじめまして!

このソースに関して質問です。
自分の環境だと、chrome firefoxで
ブラウジングした際に、
ページを離れて戻ってくると、
離れていた時間だけ、メインイメージが暴走して
二枚を繰り返し表示するようになってしまいます。
時間経つと、元通りになります。
どの部分が影響しているのでしょうか。
またどこを修正したら、挙動が治りますでしょうか。
ご教授お願い致します。

Sample Code

AAnswer to: ページから離れて戻ってくると

edo_m18

おそらくsetTimeoutの部分が問題になっていると思われます。
ブラウザのタブ(やウィンドウ)が非アクティブな状態でも処理が継続し、アクティブな状態に復帰すると、今までたまっていた処理が一気に反映されるためにそのようになるのだと思います。
(ただ、最近ではそれらの処理を止める、という動作をするブラウザもあるようですが)

確か、非アクティブになる瞬間がイベントとして取得できたはずなので、
そのタイミングでタイマーを止める、アクティブになった瞬間に再度タイマーを設定する、などすると解決するかもしれません。

Post a question

You can post JavaScript, HTML, CSS related questions with attached reference to actual codes and get the answers likewise.

Ask a question

  • 1. Click the ‘Post a question’ above

  • 2. Enter question details, reference code, and click ‘Add question’ button

  • 3. Question will be paired with the code on display

Add an answer

  • 1. Choose a question

  • 2. Enter answer details, attach the reference code and click ‘add answer’ button

  • 3. Your answer will accompanied with attached code

Tag