Javascript css-它是如何工作的？如何让它自动工作？

我正在尝试实现从到我的网站的bounceinUp

我没有点击按钮，而是尝试将其放入div框中，该框将在2-3秒后自动执行上述操作

HTML

我认为这是javascript，尽管它没有显示在页面上（并且没有我搜索的关于javascript的教程）

函数testAnim（x）{
$（'#animateTest'）.removeClass（）.addClass（x）；
var wait=window.setTimeout（函数（）{
$（'#animateTest'）.removeClass（）}，
1300
);
}

不管怎样，当我这样做的时候，它对它没有任何影响。我在想我做错了什么？如果这个问题听起来很简单，我很抱歉，我只是从学习HTML和javascript开始

<script>
    function testAnim(x) {
        $('#animateTest').removeClass().addClass(x);
        var wait = window.setTimeout( function(){
            $('#animateTest').removeClass()},
            1300
        );
    }

    </script>

---

提前感谢，

这是您的代码的小提琴- 您的问题是在创建函数后忘记调用它。还要记住，如果你想让一个函数“循环”，它应该从内部调用自己

此外，在代码中，函数的参数只有（x），需要指定要使用的类的名称

    function testAnim(x) {
    $('#animateTest').removeClass().addClass(x);
    var wait = window.setTimeout( function(){
        $('#animateTest').removeClass(x);
        }, 1300
    );
window.setTimeout(function(){ // this code calls the function and makes it cycle
testAnim(x);
}, 2000 );
}

testAnim('bounceInUp');

---

首先，在CSS for.bounceInUp中有一个额外的括号}，您需要将其删除，以便CSS能够工作。假设CSS之间有#animateTest！我将在中编辑它！非常感谢你！它就像一个符咒！但是我想知道我应该做些什么来让动画比现在更晚出现（不是动画的速度，我是指动画出现的时间？）！在上面的代码中，动画之间的计时是第二个setTimeout（）函数。因此，尝试增加该函数中的数字。记住2000等于2秒，在此基础上，你可以将它增加到你想要的数字。

<script>
    function testAnim(x) {
        $('#animateTest').removeClass().addClass(x);
        var wait = window.setTimeout( function(){
            $('#animateTest').removeClass()},
            1300
        );
    }

    </script>

    function testAnim(x) {
    $('#animateTest').removeClass().addClass(x);
    var wait = window.setTimeout( function(){
        $('#animateTest').removeClass(x);
        }, 1300
    );
window.setTimeout(function(){ // this code calls the function and makes it cycle
testAnim(x);
}, 2000 );
}

testAnim('bounceInUp');