简单的背景切换
jquery部分
$(function(){ function direct(){ for(var i=0;i<2;i++){ $(".bg_img").eq(i).show().siblings().hide(); } } setInterval(direct,1000); })
html部分
css部分
.bg2默认display:none;
setInterval()只执行了一次,就想问为啥进入不了第二次?
各位大佬不要鄙视我,感谢您的解答~
不是鄙视你,但这明显是语法问题……实际上我认为 setInterval 一直都在执行,但是你的函数
direct
的运行结果是固定的,循环的最终结果是第二张显示第一张隐藏,所以看起来好像没执行一样。你应该这样做:
这里用到了闭包,把状态保存在定时器的外面,才能够每次往下循环。
另外再补充一点渲染的知识。对于这种用
for
循环改变视图状态,浏览器会把这些状态都缓存起来,然后择机渲染,而不是你一修改它就立刻渲染。所以你连闪一下都看不到。参考一下
setInterval(function direct(){
雷雷循环一次之后i的值为1 然后就一直是1 用let试试
你是不是要的这种效果,按顺序一个一个显示?
$(函数(){
雷雷})
不知道对不对,但是总感觉是这个的问题