Изменить продолжительность перехода webkit с помощью JavaScript на iPad?

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

Ответ Якуба был хорош, но чтобы обновить его, теперь вы можете установить длительность перехода непосредственно как свойство transitionDuration элемента style.Протестировано и работает на iOS Safari, OSX Safari, Chrome и Firefox.например,

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

См. http://jsfiddle.net/jkoudys/xa2oo1us/