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