通过Javascript控制WebKit？

Question

是否有通过Javascript更改webkit的属性？

例如

document.getElementById('playBar').style['webkitAnimationDuration'] = '50s';
document.getElementById('playBar').style.webkitAnimationDuration = '4s';

我已经尝试过这些代码，但是一旦运行javascript，似乎没有任何改变CSS代码的工作。除了CSS中的webkit之外，代码中的其他所有东西都运行了，这里是CSS中我想要改变的代码。

#playBar {
width: 1px;
height: 12px;
background: white;
float:left;
-webkit-animation: mymove; /* Chrome, Safari, Opera */
-webkit-animation-duration: 40s; /* Chrome, Safari, Opera */
animation: mymove infinite;
animation-duration: 0s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
from {width: 0%;}
to {width: 100%;}
}

@keyframes mymove {
from {width: 0%;}
to {width: 100%;}
}

Answer 1

现在似乎对我有用。 演示：http://jsbin.com/wugixugesafi/1/

我使用了以下jQuery： $（＆＃34; #playBar＆＃34;）。css（＆＃34; animation-duration＆＃34;，＆＃34; 1s＆＃34;）;