Ändern webkit Übergangsdauer auf dem iPad mit Javascript?

Question

Ich bin mit Web-Kit Übergängen in einem iPad-App. Sie arbeiten super. Aber ich habe mich gefragt, was ich tun würde, um die Werte meines Übergangs ändern Javascript.

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

Was ich tun möchte:

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

   }
</script>

Ist das möglich?

Answer 1

Can be done with:

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

See http://jsfiddle.net/z3bKD/2/.

Answer 2

Jakub's answer was good, but to update it, you can now set the transition duration directly as the transitionDuration property on an element's style. Tested and working on iOS Safari, OSX Safari, Chrome and Firefox. e.g.

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

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