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

【问题标题】：Changing webkit transition duration using javascript on iPad?在 iPad 上使用 javascript 更改 webkit 转换持续时间？
【发布时间】：2011-05-09 05:56:26
【问题描述】：

我在 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>

这可能吗？

【问题讨论】：

标签： javascript ipad webkit css-transitions

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

可以做到：

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

见http://jsfiddle.net/z3bKD/2/。

【讨论】：