TypechoJoeTheme

Dcr163的博客

搜索到 2 篇与 H5学习笔记 的结果
2020-06-07

H5实现手机摇一摇的功能,js代码

H5实现手机摇一摇的功能,js代码
废话不多说,直接上代码,在script中添加该代码即可测试/** * 手机摇一摇的动作是指手机在一定时间内移动了一定距离,也可以近似的理解为:手机以不低于一定的速度移动。 * 实现方法:监听 devicemotion 事件后,判断设备在 X、Y、Z 三个方向上移动的距离与前一次的距离差,并除以两次事件触发的时间差,即为设备移动的速度。将这个速度与预设的的速度对比,如果大于预先设置的值,则认为设备在发生摇动。这个预先设定的速度可以进行多次测试后,取它们的平均值。 * 具体代码如下(用手机打开页面摇一摇即可看到效果): */ if( window.DeviceMotionEvent ) {     window.addEventListener('devicemotion',motionHanlder,false);     const SHAKE_SPEED&nbs...
2020-06-07

H5学习笔记

79 阅读
0 评论
2020年06月07日
79 阅读
0 评论