Javascript jQuery中的无限时间间隔

Javascript jQuery中的无限时间间隔,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个跨度,我为反弹元素编写了代码,但我只能设置反弹的间隔,但如何设置无限/无限反弹 HTML 在中设置成功回调函数 $(document).ready(function () { var cmp = function () { $('.rect').effect("bounce", { times: 3 }, 300, cmp); } cmp(); }) 在中设置成功回调函数 $(document).ready

我有一个跨度,我为反弹元素编写了代码,但我只能设置反弹的间隔,但如何设置无限/无限反弹

HTML


中设置成功回调函数

$(document).ready(function () {
    var cmp = function () {
        $('.rect').effect("bounce", {
            times: 3
        }, 300, cmp);
    }
    cmp();
})

中设置成功回调函数

$(document).ready(function () {
    var cmp = function () {
        $('.rect').effect("bounce", {
            times: 3
        }, 300, cmp);
    }
    cmp();
})

您可以在CSS3无限时间内反弹元素

$(document).ready(function () {
    var cmp = function () {
        $('.rect').effect("bounce", {
            times: 3
        }, 300, cmp);
    }
    cmp();
})
.bounce{
位置:固定;
左:50%;
底部:0;
利润上限:-25px;
左边距:-25px;
高度:50px;
宽度:50px;
背景:红色;
-webkit动画:反弹1s无限;
}
@-webkit关键帧反弹{
0%{底部:5px;}
25%,75%{底部:15px;}
50%{底部:20px;}
100%{底部:0;}
}

您可以在CSS3无限时间内反弹元素

.bounce{
位置:固定;
左:50%;
底部:0;
利润上限:-25px;
左边距:-25px;
高度:50px;
宽度:50px;
背景:红色;
-webkit动画:反弹1s无限;
}
@-webkit关键帧反弹{
0%{底部:5px;}
25%,75%{底部:15px;}
50%{底部:20px;}
100%{底部:0;}
}

@RS92:很高兴帮助你:)你有skype吗,有时问你,这对我帮助很大:)@RS92:很高兴帮助你:)你有skype吗,有时问你,这对我帮助很大:)