有没有办法在jquery';制作动画';序列

有没有办法在jquery';制作动画';序列,jquery,css,jquery-animate,Jquery,Css,Jquery Animate,我正在寻找一种函数,它将接收以毫秒为单位的时间值和对持有“动画”队列的div的引用,并返回反映该div在传递的时间点上应该是什么的CSS值 例如,如果我创建以下队列: $("#someDiv").queue(function (next) { $(this).animate({ left: 600, top: 400, opacity: 0.5 }, 300) .delay(200); nex

我正在寻找一种函数,它将接收以毫秒为单位的时间值和对持有“动画”队列的div的引用,并返回反映该div在传递的时间点上应该是什么的CSS值

例如,如果我创建以下队列:

 $("#someDiv").queue(function (next) {
     $(this).animate({
         left: 600,
         top: 400,
         opacity: 0.5
     }, 300)
         .delay(200);
     next();
 });
现在,我需要一个函数,它将接收'someDiv'和一个时间值,并返回反映该特定时间值上的项目的css属性:如果我传递一个时间值'150',那么该函数应该返回如下内容:{left:300,top:200,opacity:0.25}。当然,我可以自己计算这些值,但是我想知道是否有一种内置的方法来计算所有可以设置动画的CSS属性


谢谢

试试这样的方法:

setInterval(function () {
    var $sidebar = $('.side-bar');
    if ($sidebar.is(':animated')) return;
    if (condition) {
        $sidebar.animate({
            backgroundColor: "#fff"
        }, 1000);
    } else {
        $sidebar.animate({
            backgroundColor: "#000"
        }, 1000);
    }
}, 20);

这是演示:

很抱歉,我看不出这与我的问题有什么关系。。。我错过什么了吗?。。。在每个动画步骤中执行函数