Zmienianie czasu przejścia Webkit przy użyciu javascript na iPadzie?

Question

Korzystam z przejść internetowych w aplikacji na iPada. Działają świetnie. Ale zastanawiałem się, co zrobiłbym, aby zmienić wartości mojego przejścia za pomocą javascript.

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

Co chciałbym zrobić:

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

    } 
</script> 

Czy to możliwe?

Answer 1

można zrobić z:

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

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

Answer 2

Odpowiedź Jakuba była dobra, ale aby ją zaktualizować, można teraz ustawić czas przejścia bezpośrednio jako właściwość transitionDuration na elemencie style. Testowane i działające w Safari na iOS, Safari OSX, Chrome i Firefox. na przykład

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

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