JS 实现摇一摇功可以

  • 时间:2018-06-06 01:53 作者:小码农大世界 来源:小码农大世界 阅读:148
  • 扫一扫,手机访问
摘要:废话不多说,先上代码(吐槽下头条文章编辑对代码引使用这块做的不行)首先判断浏览器能否支持window.DeviceMotionEvent,DeviceMotionEvent为web开发者提供了关于设施的位置和方向改变的速度的信息。假如支持则监听devicemotion事件。假如设施在X,Y,Z轴方向

JS 实现摇一摇功可以

废话不多说,先上代码(吐槽下头条文章编辑对代码引使用这块做的不行)

JS 实现摇一摇功可以

首先判断浏览器能否支持window.DeviceMotionEvent,

DeviceMotionEvent为web开发者提供了关于设施的位置和方向改变的速度的信息。

假如支持则监听devicemotion事件。假如设施在X,Y,Z轴方向上有位移,那么回调函数中的参数event对象中就会反应出来。

JS 实现摇一摇功可以

这里我们使用到event对象中的accelerationIncludingGravity属性,它提供了设施在X,Y,Z轴方向上带重力的加速度的对象。

通过判断前后两次重力加速度差来判断手机能否被摇了。

Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed || Math.abs(z-lastZ) > speed

只需x,y,z轴任意方向满足条件就判定被摇

  • 全部评论(0)
上一篇:JS编程小练习
下一篇:js如何断点调试
最新发布的资讯信息
【系统环境|Linux】零基础如何学好大数据?必备需要学习知识(2019-06-18 11:54)
【系统环境|】Hadoop环境中管理大数据存储八大技巧(2019-06-15 11:01)
【系统环境|服务器应用】现在国内IT行业是不是程序员过多了?(2019-06-11 06:34)
【系统环境|服务器应用】新贵 Flutter(2) 自己设置 Widget(2019-06-11 06:34)
【系统环境|服务器应用】Android完整知识体系路线(菜鸟-资深-大牛必进之路)(2019-06-11 06:34)
【系统环境|服务器应用】Java程序员小伙经历三个月备战,终获阿里offer(2019-06-11 06:34)
【系统环境|服务器应用】每日一问:谈谈对 MeasureSpec 的了解(2019-06-11 06:34)
【系统环境|服务器应用】【科普】晶体管-1(2019-06-11 06:34)
【系统环境|服务器应用】一个很多人都会答错的java基础题(2019-06-11 06:33)
【系统环境|服务器应用】深入了解枚举类型(2019-06-11 06:33)
手机二维码手机访问领取大礼包
返回顶部