javascript - setInterval が 1 回しか実行されないのはなぜですか?

Question

• シンプルなバックグラウンド切り替え

jクエリ部分

リーリー

htmlセクション

リーリー

CSS部分

.bg2 デフォルト表示:なし;

• setInterval()は一度しか実行されていないのに、なぜ二回目は入力できないのかお聞きしたいのですが。

親愛なる上司の皆様、私を軽蔑しないでください。ご回答ありがとうございました~

Answer 1

あなたを軽蔑するわけではありませんが、これは明らかに構文の問題です...実際、setIntervalは常に実行されると思いますが、関数の実行結果はdirect固定されており、ループの最終結果は2番目の画像が表示されることです。そして最初の写真は非表示になっているので、実装されていないように見えます。

これを行うべきです:

リーリー

ここではタイマーの外側で状態を保存するためにクロージャーが使用されており、毎回ループダウンできるようになります。

レンダリングに関する知識も追加します。この種の for ループでビューステートを変更する場合、ブラウザーはこれらのステートをキャッシュし、変更するとすぐにレンダリングするのではなく、適切なタイミングでレンダリングします。したがって、フラッシュすることさえ見えません。

Answer 2

ぜひ参考にしてください

リーリー

Answer 3

setInterval(関数 direct(){

リーリー

Answer 4

1回ループするとiの値は1になり、その後は1のままです。letを使ってみてください

Answer 5

このエフェクトを1つずつ順番に表示しますか?

リーリー

Answer 6

$(関数(){

リーリー

})

Answer 7

リーリー

それが正しいかどうかは分かりませんが、これが問題だといつも感じています