Изменение продолжительности перехода 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/