javascript - 异步使用.css jquery

Question

嘿，我想知道是否有人可以帮助我了解一些基本的 javascript。是否可以使用 jquery .css 来使用异步回调来错开对 css 的更改？

例如

 jQuery("#topbar").css({transition: "background-color 10s ease", background: "rgba(255, 255, 255, 0.6)"});
            //jQuery("#topbar").css({transition: "background-color 10s ease", background: "rgba(255, 255, 255, 0.0)"});

在此示例中，我能否将第一个函数更改为非同步函数，以便它在回调函数中运行第二个注释函数？

谢谢

Answer 1

选项 #1

改用纯 CSS3。考虑使用 CSS 动画而不是使用 Javascript 将它们排队。这对于现代浏览器来说毫无意义。参见 MDN和 W3C .

选项 #2

您必须设置超时以延迟第二个 jQuery 行的执行。像这样:

jQuery("#topbar").css({transition: "background-color 10s ease", background: "rgba(255, 255, 255, 0.6)"});

setTimeout(function() {
    jQuery("#topbar").css({
        background: "rgba(255, 255, 255, 0.0)"}
    );
}, 10000);

现在，如果您希望它们循环，则必须在这两个函数之间建立递归关系。希望这对您有所帮助!