javascript - 循环不会在给定值处停止

Question

我试图创建一个滑动面板，它会用一个简单的 js 动画隐藏自己。这里是开发链接：http ://carportal.webpronto.it 只需单击“隐藏面板”即可看到搜索选项卡向左移动。

问题如下：我试图给面板在到达左侧位置时停止的值：-25% 但面板继续他的傻瓜运行与无限。这是我使用的脚本：

<script type="text/javascript">
    var scrollSpeed = 50;
    var step = 1;
    var current = 0;
    var endposition = 25;   
    function closeBAR(){
        current -= step;  
        if (current == endposition){


            stop;

        }



        $('#colleft').css("left",current+"%"); 



    var init = setInterval("closeBAR()", scrollSpeed);

}
</script>

我的脚本有什么问题？

Answer 1

更换你的线路

stop;

和

clearInterval(init);

结束位置也应该是负数：

var endposition = -25;

考虑使用像Slide这样的jQuery UI 效果，它会让你的代码更具可读性。

Answer 2

你正在减少电流，所以，因为它从 0 开始，它最终会变成负数。-25 与 25 不同，因此您的“停止”测试失败

Answer 3

对您的代码进行“干”查看至少有以下问题：您的全局current变量永远不会达到 的值，endposition因为它在开始时使用 -1 的值初始化：current -= step == -1(0 - 1)。