javascript - 在 iPad 上使用 javascript 更改 webkit 转换持续时间？

Question

我在 iPad 应用程序中使用 web-kit 转换。他们工作得很好。但我想知道如何使用 javascript 更改转换的值。

#container {
            -webkit-transition-property: -webkit-transform;
            -webkit-transition-duration: 1s;
            -webkit-transition-timing-function: ease-out;       
        }

我想做的事：

<script>
    function func() {
        document.getElemeentById('container').transition.duration = 500;

   }
</script>

这可能吗？

Answer 1

可以通过以下方式完成：

document.getElementById('container').style['-webkit-transition-duration'] = '500s';

请参阅http://jsfiddle.net/z3bKD/2/。

Answer 2

Jakub 的回答很好，但要更新它，您现在可以将转换持续时间直接设置为transitionDuration元素的style. 在 iOS Safari、OSX Safari、Chrome 和 Firefox 上测试并运行。例如

document.getElementById('container').style.transitionDuration = '500s';

见http://jsfiddle.net/jkoudys/xa2oo1us/