我们如何动态控制CSS动画持续时间？

Question

我有一个滑块。根据该滑块值，必须控制动画的持续时间。

这是我的代码：

function getval(val)
{
    $('body').css("-webkit-animation-duration",val)
}

上面的函数是滑块的onchange事件处理程序。我想知道如何动态控制CSS动画持续时间？