聪少
聪少爱学堂 专注分享全网引流精准引流方法及自媒体运营干货
在HTML5中，DeviceOrientation特性所提供的DeviceMotion事件封装了设备的运动传感器时间，通过改时间可以获取设备的运动状态、加速度等数据（另还有deviceOrientation事件提供了设备角度、朝向等信息）。
而通过DeviceMotion对设备运动状态的判断，则可以帮助我们在网页上就实现“摇一摇”的交互效果。
运动事件监听
获取加速度信息
“摇一摇”的动作既“一定时间内设备了一定距离”，因此通过监听上一步获取到的x, y, z 值在一定时间范围内的变化率，即可进行设备是否有进行晃动的判断。而为了防止正常移动的误判，需要给该变化率设置一个合适的临界值。
效果如图所示：
聪少爱学堂，专注分享全网精准引流方法及自媒体赚钱运营干货。
聪少私人微信：80110557，暗号：8
送见面礼：价值980元自媒体运营与抖音热门教程礼包一份。
或微信扫描下面二维码，马上添加
相关文章
线上卖运动鞋怎么引流？怎么在抖音卖鞋子？2021-06-29
微信搜一搜如何精准引流，一定要这样做2021-06-29
微信小程序如何实现获取微信运动步数的案例（图）2021-06-29
我是做微信引流兼职的前段时间让一个小姐姐加一个客户2021-06-29
一，你看了这么长时间的公众号，你到底了解公众号吗？2021-06-29
微信公众号私域流量引流干货，这几个方法一定要知道2021-06-29
做私域流量从加微信开始，这三种加微信好友的方式你一定2021-06-29
一分钟学会! 微信公众号如何短时间快速吸引粉丝？ 微信2021-06-29
微信号解封后多久能用？这些规则你一定要知道！2021-06-29
部分右侧肺静脉异位引流一定要手术吗？2021-06-29
评论区
站内搜索
聪少简介
聪少爱学堂聪少聪少爱学堂创始人，梅州市鹏鑫网络科技有限公司CEO，09年开始踏入互联网，10年互联网行业经验，资深自媒体人，自媒体优秀导师，咪挺微商团对营销引流顾问，业务包含：精准引流技术/代引流精准粉，专业小红书，知乎，微博代运营。
聪少推荐
最新更新