gpt4 book ai didi

javascript - JQuery 脚本循环错误

转载 作者:行者123 更新时间:2023-11-28 20:21:49 26 4
gpt4 key购买 nike

<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
setInterval(function(){
var i = 1;
while(i<3){

var left = $("#"+i).offset().left;
$("#"+i).css({'left':left}).animate({'left':'-10000px'},8000);
if(i == 1){
i++;
}
if(i == 2){
i--;
}
}


},2500);

});
</script>
</head>

<body>
<div id=myDivWrapper style="overflow:hidden">
<div id=1 style="right:0;width:100%;height:100%;background:url('1.jpg');position:absolute;"></div>
<div id=2 style="right:0;width:100%;height:100%;background:url('2.jpg');">
</div>
<body>
</html>

我正在尝试使用 while 循环创建一个 JQuery 图像 slider 。这里 i 是我要递增的整数。我不希望 i 为 3,这样循环就会停止。因此,我使用了一个决策语句来查找 i 是否为 1 则递增,如果 i 为 2 则递减。但这会导致浏览器延迟并且不起作用。我知道这个剧本很疯狂。但你能找出我错在哪里吗?

最佳答案

你的问题就在这里..

if(i == 1){
i++;
}
if(i == 2){
i--;
}

当 i 为 1 时,第一个语句变为 true,然后第二个 if 将被执行,因此此时 i 为 2,因此它再次减少 i 的值。所以这就是导致浏览器延迟的问题。使用 else 或 else if 来解决这个问题。

就是这里。

if(i == 1) {
i++;
}
else {
i--;
}

if(i == 1) {
i++;
}
else if(i==2) {
i--;
}

两者是相同的并且适合您。

关于javascript - JQuery 脚本循环错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18159501/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com