webkit-animation-duration JQuery速度调整

Question

我试图动态改变动画的速度。动态更改适用于除Chrome以外的所有浏览器。动画在静态时可在Chrome中使用。

CSS

.move{
    -webkit-animation-name: marqueeTop;
        animation-name:marqueeTop;
    -webkit-animation-duration: 30s;
        animation-duration: 30s;
    -webkit-animation-timing-function: linear;
        animation-timing-function:linear;
    -webkit-animation-direction:normal;
        animation-direction:normal;
    -webkit-animation-iteration-count:1;
        animation-iteration-count:1;
}

JQuery的

setDuration(Seconds);

function setDuration(Seconds) {
    //changes the durantion 
    $(move).css({
        "-webkit-animation-duration": Seconds + 's',
            "animation-duration": Seconds + 's',
    });
}