描述：想用js来控制动画的播放速度。默认动画一直在执行，但是如果点击的话，根据点击次数的增加，动画的速度逐渐增加。
问题：在浏览器模拟器上动画可以增加，可是在手机上用js设置的时间不起作用。直接设置动画时间，或者设置动画名称和动画时间都不起作用。修改classname也不起作用
代码：
2
552
Document
矿工
宝箱1
宝箱2
宝箱3
矿石1
矿石2
矿石3
在线代码：
http://jsbin.com/titefejote/edit?html,js,console,output
谢谢！
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
不针对你的问题来回答。
说实话，html5通过p的方式，不适合用来开发有些(只适合一些简单动画，通常是展示类的，非交互类的)，更何况你这是在移动端，那更不用说了。
一是渲染的影响，二是单进程的限制，这两个限制采用这种方式是突破不了的。
如果你真要这么做，可以了解下这个：requestAnimationFrame。
游戏类的，还是推荐canvas+opengl的方式，虽然也不是很理想，但是肯定比用p来贴效果好很多，一些游戏引擎结合canvas做得还不错，也可以去了解下。
可以先搜一搜嘛
CSS animation，用 JS 修改 duration 无效