JS 实现摇一摇功可以
来源:小码农大世界     阅读:871
微分网络
发布于 2018-06-06 01:53
查看主页

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轴任意方向满足条件就判定被摇

免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 网页前端 JS
相关推荐
Apache首个分布式数据库中间件项目Shardi……
cat,more,less,head,tail命令用法详解
树莓派 VS Arduino,哪个才是你的菜
HashMap 和 currentHashMap 终于总结清楚了!
教你一步一步在centos7.2安装部署 Docker Swarm集群
首页
搜索
订单
购物车
我的