JS 实现摇一摇功可以

  • 时间:2018-06-06 01:53 作者:小码农大世界 来源:小码农大世界 阅读:126
  • 扫一扫,手机访问
摘要:废话不多说,先上代码(吐槽下头条文章编辑对代码引使用这块做的不行)首先判断浏览器能否支持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如何断点调试
最新发布的资讯信息
【网页前端|JS】五年Java程序员该掌握的技术点,这些都不懂,还想拿高薪吗?(2019-04-24 22:19)
【系统环境|】2019蚂蚁金服面试总结(Java方向)(2019-04-18 16:19)
【系统环境|】notepad++ 三位数字正则替换规则(2019-04-12 23:02)
【系统环境|服务器应用】网络工程师跨交换机的Vlan配置与管理知识(2019-03-26 02:14)
【系统环境|服务器应用】最小化的定制版linux系统:CoreOS(2019-03-26 02:14)
【系统环境|服务器应用】分布式系统面试题:分布式事务处理方案?(2019-03-26 02:13)
【系统环境|服务器应用】带着网关去旅行(系列二):防止vps上ssh端口被恶意扫描(2019-03-26 02:13)
【系统环境|服务器应用】美团iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】百度iOS面试总结(2019-03-26 02:13)
【系统环境|服务器应用】Java大佬之学习历程(三)(2019-03-26 02:13)
手机二维码手机访问领取大礼包
返回顶部