在 iPad 上使用 javascript 更改 webkit 过渡持续时间？
我正在 iPad 应用程序中使用 Web-kit 过渡。他们工作得很好。但我想知道如何使用 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>
这可能吗？
I am using web-kit transitions in an iPad app. They work great. But I was wondering what I would do to change the values of my transition using javascript.
#container {
-webkit-transition-property: -webkit-transform;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: ease-out;
}
What I would like to do:
<script>
function func() {
document.getElemeentById('container').transition.duration = 500;
}
</script>
Is this possible?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
可以通过以下方式完成：
请参阅http://jsfiddle.net/z3bKD/2/。
Can be done with:
See http://jsfiddle.net/z3bKD/2/.
Jakub 的答案很好，但要更新它，您现在可以直接将过渡持续时间设置为元素的
style上的transitionDuration属性。已在 iOS Safari、OSX Safari、Chrome 和 Firefox 上测试并运行。例如参见http://jsfiddle.net/jkoudys/xa2oo1us/
Jakub's answer was good, but to update it, you can now set the transition duration directly as the
transitionDurationproperty on an element'sstyle. Tested and working on iOS Safari, OSX Safari, Chrome and Firefox. e.g.See http://jsfiddle.net/jkoudys/xa2oo1us/