是否可以通过Javascript更改CSS3动画的配置？

Question

我经常被告知客户不想使用CSS3动画而不是JQuery动画。他们还认为JQuery过于“沉重”。

所以我要用纯CSS和纯Javascript来实现动画。 Javascript用于在不同情况下触发和设置动画的配置。我面临的一个问题是如何设置动画的配置？

假设我有一个简单的CSS转换：

.box {
    transition: width 2s;
}

那么如何将“2s”改为“3s”？我应该将所有动画样式设置为元素的“样式”属性吗？