国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - setInterval為什么只執行一次

瀏覽:126日期:2023-04-25 08:53:57

問題描述

簡單的背景切換

jquery部分

$(function(){function direct(){for(var i=0;i<2;i++){$('.bg_img').eq(i).show().siblings().hide();} } setInterval(direct,1000);})

html部分

<p class='main_bg'><p class='bg_img bg1'></p><p class='bg_img bg2'></p> </p>

css部分

.bg2默認display:none;

setInterval()只執行了一次,就想問為啥進入不了第二次?

各位大佬不要鄙視我,感謝您的解答~

問題解答

回答1:

不是鄙視你,但這明顯是語法問題……實際上我認為 setInterval 一直都在執行,但是你的函數 direct 的運行結果是固定的,循環的最終結果是第二張顯示第一張隱藏,所以看起來好像沒執行一樣。

你應該這樣做:

var current = 0;function direct(){ $('.bg_img').eq(current).show() .siblings().hide(); current++; if (current > 1) { current = 0; } }

這里用到了閉包,把狀態保存在定時器的外面,才能夠每次往下循環。

另外再補充一點渲染的知識。對于這種用 for 循環改變視圖狀態,瀏覽器會把這些狀態都緩存起來,然后擇機渲染,而不是你一修改它就立刻渲染。所以你連閃一下都看不到。

回答2:

參考一下

$(function(){ function direct(i){ $('.bg_img').eq(i).show().siblings().hide(); } var i = 0; setInterval(function () { direct(i) i = (i + 1) % $('.bg_img').length }, 1000);})回答3:

setInterval(function direct(){

for(var i=0;i<2;i++){ $('.bg_img').eq(i).show().siblings().hide(); }},1000); 直接這樣試試,控制臺看看,有沒有報錯,如果報錯的話,js也不會繼續執行了的?;卮?:

循環一次之后i的值為1 然后就一直是1 用let試試

回答5:

你是不是要的這種效果,按順序一個一個顯示?

jQuery(function($){ var bgImg = $('.bg_img'),maxIndex = bgImg.length - 1,i = 0; function direct(){bgImg.eq(i).show().siblings().hide();if (i < maxIndex) { i++;} else { i = 0;} } setInterval(direct, 1000);});回答6:

$(function(){

var index = 0;setInterval(function(){ (index < $(’.bg_img’).length) ? index ++ : index = 0; $(’.bg_img’).eq(index).show().siblings().hide();},1000);

})

回答7:

setInterval(direct(),1000);

不知道對不對,但是總感覺是這個的問題

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 99久久精品全部 | 日韩制服诱惑 | 成人在线a | 久久国产精品99久久小说 | 国产成人久久精品一区二区三区 | 欧美在线三级 | 欧美一级久久久久久久大片 | 亚洲精品成人7777在线观看 | aaa免费毛片 | 黄色福利小视频 | 91精品国产免费久久国语蜜臀 | 手机看片国产欧美日韩高清 | 成人影院午夜久久影院 | 亚洲成人一区二区 | 有码视频在线观看 | 日韩精品中文字幕在线观看 | 亚洲国产欧美在线不卡中文 | 黄色三级网站 | 99视频精品全部在线播放 | 一级一片免费播放 | a级免费网站 | 萌白酱喷水福利视频在线 | 国产手机在线视频放线视频 | 欧美一级片在线看 | 拍拍拍又黄又爽无挡视频免费 | 免费视频 久久久 | 国产va免费精品高清在线观看 | 99这里只有精品66视频 | 久久久久久久国产精品影院 | 欧美日韩精品免费一区二区三区 | 在线播放国产真实女同事 | 欧美精品一区二区三区免费 | 亚洲精品三级 | 毛毛片在线 | 亚洲国产成人在人网站天堂 | 欧美二区视频 | www三级免费| 三级视频网站在线观看播放 | 日本一区二区三区不卡在线视频 | 三级视频在线播放 | 日韩性视频网站 |