Javascript 如何设置属性的特定持续时间

Javascript 如何设置属性的特定持续时间,javascript,velocity.js,Javascript,Velocity.js,我试着在文档中查找我觉得缺少的功能,或者我只是缺少了一些东西 在本例中,我正在以1秒的持续时间设置不透明度和顶部属性的动画 $elements .velocity({opacity: 1, top: 0}, {duration: 1000}) 很简单,但我想稍微调整一下动画。我希望不透明度的持续时间为2秒。。。但我似乎找不到一个优雅的方法来实现这一点 我可以一直这样重复: $elements .velocity({top: 0}, {duration: 1000}) $ele

我试着在文档中查找我觉得缺少的功能,或者我只是缺少了一些东西

在本例中,我正在以1秒的持续时间设置
不透明度
顶部
属性的动画

$elements
    .velocity({opacity: 1, top: 0}, {duration: 1000})
很简单,但我想稍微调整一下动画。我希望
不透明度
的持续时间为2秒。。。但我似乎找不到一个优雅的方法来实现这一点

我可以一直这样重复:

$elements
    .velocity({top: 0}, {duration: 1000})

$elements
    .velocity({opacity: 1}, {duration: 2000})

。。。如果可能的话,我想避免吃意大利面。

那太容易了
我没有连接,这正是我缺少的:)

例如:

$elements
    .velocity({top: 0}, {duration: 1250})
    .velocity({opacity: 1}, {duration: 3000, queue: false})
    .velocity({opacity: 0}, {duration: 1000, delay: 2000})

那太容易了
我没有连接,这正是我缺少的:)

例如:

$elements
    .velocity({top: 0}, {duration: 1250})
    .velocity({opacity: 1}, {duration: 3000, queue: false})
    .velocity({opacity: 0}, {duration: 1000, delay: 2000})

显然,我所举的可能奏效的例子并不奏效。但它说明了我想要实现的目标:)显然,我的例子说明了什么是可行的,什么是行不通的。但它说明了我想要实现的目标:)