javascript - 请问手机端如何用js来控制animation的duration时间?

 U曹宸prideX_J 发布于 2022-11-14 23:14

描述:想用js来控制动画的播放速度。默认动画一直在执行,但是如果点击的话,根据点击次数的增加,动画的速度逐渐增加。
问题:在浏览器模拟器上动画可以增加,可是在手机上用js设置的时间不起作用。直接设置动画时间,或者设置动画名称和动画时间都不起作用。修改classname也不起作用
代码:




    
    Document
    
    



    

矿工

宝箱1

宝箱2

宝箱3

15s

矿石1

矿石2

矿石3

在线代码:
http://jsbin.com/titefejote/edit?html,js,console,output
谢谢!

2 个回答
  • 可以先搜一搜嘛
    CSS animation,用 JS 修改 duration 无效

    2022-11-14 23:25 回答
  • 不针对你的问题来回答。
    说实话,html5通过p的方式,不适合用来开发有些(只适合一些简单动画,通常是展示类的,非交互类的),更何况你这是在移动端,那更不用说了。
    一是渲染的影响,二是单进程的限制,这两个限制采用这种方式是突破不了的。

    如果你真要这么做,可以了解下这个:requestAnimationFrame。

    游戏类的,还是推荐canvas+opengl的方式,虽然也不是很理想,但是肯定比用p来贴效果好很多,一些游戏引擎结合canvas做得还不错,也可以去了解下。

    2022-11-14 23:25 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有