Question

我在iPad应用中使用网络工具包转换。他们工作得很好。但我想知道如何使用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。 e.g。

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

请参阅http://jsfiddle.net/jkoudys/xa2oo1us/

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

2 个答案: