シンプルなバックグラウンド切り替え
jクエリ部分
htmlセクション
CSS部分
.bg2 デフォルト表示:なし;
setInterval()は一度しか実行されていないのに、なぜ二回目は入力できないのかお聞きしたいのですが。
親愛なる上司の皆様、私を軽蔑しないでください。ご回答ありがとうございました~
人生最曼妙的风景，竟是内心的淡定与从容！
あなたを軽蔑するわけではありませんが、これは明らかに構文の問題です...実際、setIntervalは常に実行されると思いますが、関数の実行結果はdirect固定されており、ループの最終結果は2番目の画像が表示されることです。そして最初の写真は非表示になっているので、実装されていないように見えます。
direct
これを行うべきです:
ここではタイマーの外側で状態を保存するためにクロージャーが使用されており、毎回ループダウンできるようになります。
レンダリングに関する知識も追加します。この種の for ループでビューステートを変更する場合、ブラウザーはこれらのステートをキャッシュし、変更するとすぐにレンダリングするのではなく、適切なタイミングでレンダリングします。したがって、フラッシュすることさえ見えません。
for
ぜひ参考にしてください
setInterval(関数 direct(){
1回ループするとiの値は1になり、その後は1のままです。letを使ってみてください
このエフェクトを1つずつ順番に表示しますか?
$(関数(){
})
リーリー
それが正しいかどうかは分かりませんが、これが問題だといつも感じています
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
あなたを軽蔑するわけではありませんが、これは明らかに構文の問題です...実際、setIntervalは常に実行されると思いますが、関数の実行結果は
direct固定されており、ループの最終結果は2番目の画像が表示されることです。そして最初の写真は非表示になっているので、実装されていないように見えます。これを行うべきです:
リーリーここではタイマーの外側で状態を保存するためにクロージャーが使用されており、毎回ループダウンできるようになります。
レンダリングに関する知識も追加します。この種の
forループでビューステートを変更する場合、ブラウザーはこれらのステートをキャッシュし、変更するとすぐにレンダリングするのではなく、適切なタイミングでレンダリングします。したがって、フラッシュすることさえ見えません。ぜひ参考にしてください
リーリーsetInterval(関数 direct(){
リーリー1回ループするとiの値は1になり、その後は1のままです。letを使ってみてください
このエフェクトを1つずつ順番に表示しますか?
リーリー$(関数(){
リーリー})
リーリー
それが正しいかどうかは分かりませんが、これが問題だといつも感じています