Thay đổi thời lượng chuyển đổi webkit bằng javascript trên iPad?

Question

Tôi đang sử dụng chuyển tiếp bộ công cụ trên web trong ứng dụng iPad. Họ làm việc rất tốt. Nhưng tôi đã tự hỏi những gì tôi sẽ làm gì để thay đổi các giá trị của quá trình chuyển đổi của tôi bằng cách sử dụng javascript.

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

Những gì tôi muốn làm:

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

    } 
</script> 

Đây có phải là có thể?

Answer 1

có thể được thực hiện với:

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

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

Answer 2

Câu trả lời của Jakub là tốt, nhưng để cập nhật nó, bây giờ bạn có thể đặt thời lượng chuyển đổi trực tiếp thành thuộc tính transitionDuration trên một phần tử style. Đã thử nghiệm và làm việc trên iOS Safari, OSX Safari, Chrome và Firefox. ví dụ.

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

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