如果不适用于所有语句，则使用Javascript else

当用户从选择菜单中选择一个值时，我希望javascript使div上下滑动更快或更慢。javascript根本不起作用。使用

if/else if

功能

HTML:

此代码段将向您展示如何使用和
单击来熟悉Jquery，制作反弹Div动画。


单击此处在下面的div上开始动画。

在此处选择您的速度：
选择速度
.5x
1x
2x
然后单击上面的按钮。

JS:

var ex=$（'.experiment div'）；
$（'.experiment div'）.show（）；
变量starter=$（“按钮”）；
var stopper=$（'input[type=button]'）；
var i=0；
var select=$（“#选择速度”）.val（）；
启动程序。单击（函数（）{
而（i<1000）{
例如slideUp（2000）。slideDown（2000）；
i++；
}
如果（选择=='1x'）{
而（i<1000）{
例如slideUp（2000）。slideDown（2000）；
i++；
}
}否则如果（选择=='.5x'）{
而（i<1000）{
例如滑动（4000）。向下滑动（4000）；
i++；
}
}否则如果（选择=='2x'）{
而（i<1000）{
例如，滑动（1000）。向下滑动（1000）；
i++；
}
}
附加（“很酷，是吗？
很快就会有更多内容！
”）；
});

---

我只是做错了什么吗？

看起来您很可能没有链接jQuery

您需要添加以下内容：

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

---

新演示：

您检查控制台了吗？您正在链接页面上的jQuery吗？为什么有那些

while

语句？你真的想让动画运行1000次吗？你认为while循环在做什么？Yikes@hopkins-matt，是的，我确实希望它运行1000次，而while循环使动画自身重复。我正在链接jquery。我在该页面上还有其他需要jquery的东西，这些都很有用。这不是jquery。一旦链接了jquery，它就可以在小提琴中正常工作。你有关于这个问题的网页的URL吗？好的，看看我编辑的答案。我想它应该对你有用。

var ex = $('.experiment-div');
$('.experiment-div').show();

var starter = $('button');
var stopper = $('input[type=button]');
var i = 0;
var select = $('#select-speed').val();
starter.click(function () {
    while (i < 1000) {
        ex.slideUp(2000).slideDown(2000);
        i++;
    }
    if (select == '1x') {
        while (i < 1000) {
            ex.slideUp(2000).slideDown(2000);
            i++;
        }
    } else if (select == '.5x') {
        while (i < 1000) {
            ex.slideUp(4000).slideDown(4000);
            i++;
        }
    } else if (select == '2x') {
        while (i < 1000) {
            ex.slideUp(1000).slideDown(1000);
            i++;
        }
    }
    ex.append('<p>Cool, huh?</p><p>More coming soon!</p>');
});

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

var ex = $('.experiment-div');
$('.experiment-div').show();

var starter = $('button');
var stopper = $('input[type=button]');

function animateDiv(speed) {
    var i = 0;
    while(i < 1000) {
        i++;
        ex.slideUp(speed).slideDown(speed);
    }
}
    
starter.click(function() {
    ex.stop(true,true);
    var select = $('#select-speed').val();
    ex.append('<p>Cool, huh?</p><p>More coming soon!</p>');
    if (select == '1x') {
        animateDiv(2000);
        console.log('fired 1x');
    } else if (select == '.5x') {
        animateDiv(4000);
        console.log('fired .5x');
    } else if (select == '2x') {
        animateDiv(1000);
        console.log('fired 2x');
    } else {
        console.log('error');
    }
});