javascript - jQuery 动画重叠

标签 javascript jquery html css

我有几个 jquery 动画在运行,每个动画都需要在某种程度上依赖于其他动画的成功。有没有办法在不将每个动画嵌套在另一个动画中的情况下可靠地这样做?我研究了“队列”方法,但我相信默认情况下队列是正确的?我遇到了一个问题,如果动画像这样排列,它们就会开始相互抵消:

function moduleSwap(){

                //animation 1

                //animation 2

        }

        setInterval(moduleSwap, 1000);

我正在使用 setInterval 一遍又一遍地重复该函数。有什么建议吗?

最佳答案

setInterval(function(int) {
    if(int % 2 == 0) 
        animation_1(); 
    else
        animation_2();
}, 1000);

通过 int++ 方法增加 int 并在 setInterval 上传递它。它会自动交换你的动画。棘手但对我有用。

关于javascript - jQuery 动画重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11175672/

相关文章:

javascript - 字符串编码 html

javascript - jQuery 检测 Bootstrap 3 状态

html - 通过 css 水平对齐

javascript - 如何将html文件发送到node服务器

javascript - 修复源代码中损坏的链接

javascript - 使用js获取开始日期和结束日期之间的周数

javascript - 如何根据单击的提交按钮传递不同的隐藏输入字段

php - 使用ajax填充数据时Jquery DataTable排序不起作用

html - 我无法在 css 中设置任何 html/jsx 标签的样式,因为它说 'h1 "选择器“不纯”

javascript - 如何在 JavaScript 中检测二维数组的另一个值?