Modifica della durata della transizione del webkit utilizzando javascript su iPad?

Question

Sto utilizzando le transizioni web-kit in un'app per iPad. Funzionano alla grande. Ma mi chiedevo cosa avrei fatto per cambiare i valori della mia transizione usando javascript.

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

Quello che mi piace fare:

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

    } 
</script> 

è possibile?

Answer 1

può essere fatto con:

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

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

Answer 2

La risposta di Jakub era buona, ma per aggiornarla è possibile impostare la durata della transizione direttamente come proprietà transitionDuration su style di un elemento. Testato e funzionante su iOS Safari, OSX Safari, Chrome e Firefox. per esempio.

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

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