微信摇一摇(copy的)

 var shakeThreshold = 1000; // 定义一个摇动的阈值var lastUpdate = 0; // 记录上一次摇动的时间var x, y, z, lastX, lastY, lastZ; // 定义x、y、z记录三个轴的数据以及上一次触发的数据// 监听传感器运动事件if (window.DeviceMotionEvent) {window.addEventListener('devicemotion', deviceMotionHandler, false);} else {//浏览器不支持DeviceMotionalert('天呐，你的手机竟然还不支持摇一摇ヾ(◍°∇°◍)ﾉﾞ');}// 运动传感器处理function deviceMotionHandler(eventData) {var acceleration = eventData.accelerationIncludingGravity; // 获取含重力的加速度var curTime = new Date().getTime();// 100毫秒进行一次位置判断if ((curTime - lastUpdate) > 100) {var diffTime = curTime - lastUpdate;lastUpdate = curTime;x = acceleration.x;y = acceleration.y;z = acceleration.z;var speed = Math.abs(x + y + z - lastX - lastY - lastZ) / diffTime * 10000;if (speed > shakeThreshold) {alert("摇一摇触发")}lastX = x;lastY = y;lastZ = z;}}

微信摇一摇(copy的)相关推荐

利用html5实现类似微信的手机摇一摇功能
利用html5实现类似微信的手机摇一摇功能,并播放音乐. 1. deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度.方位.朝向等. 2 ...
ionic 完美仿微信摇一摇
今天我们使用ionic框架完美仿制微信摇一摇功能,先来看看最终效果图制作微信摇一摇功能需要调用陀螺仪传感器(Device Motion) 参考文档地址http://api.ionic-chin ...
html5微信摇一摇api,摇一摇关注JSAPI
出自微信公众平台开发者文档跳转到: 导航, 搜索摇一摇关注JS API 摇一摇关注JS API目的是为已开通微信摇一摇周边,且有一定开发能力的商户提供摇一摇关注能力.商户可以在摇出来的页面直接调用 ...
微信摇一摇插件ios_微信开发平台 Jeewx-Boot
项目介绍 JeewxBoot 是一款基于SpringBoot的免费微信开发平台.支持微信公众号.小程序官网.微信抽奖活动.Jeewx-Boot实现了微信公众号管理.小程序CMS.微信抽奖活动等基础功能 ...
微信摇一摇插件ios_iOS实现微信摇一摇功能
一.描述需要做一个界面,仿照微信摇一摇,获取接口进行签到功能. 首先明确以下几点: 1.需要震动. 2.需要声音.(准备好mp3音效) 二.这边直接贴代码 / Created by 石雄伟 on 1 ...
玩转Android之加速度传感器的使用，模仿微信摇一摇
Android系统带的传感器有很多种,最常见的莫过于微信的摇一摇了,那么今天我们就来看看Anroid中传感器的使用,做一个类似于微信摇一摇的效果. OK ,废话不多说,我们就先来看看效果图吧: 当我摇 ...
C#开发微信门户及应用(28)--微信“摇一摇·周边”功能的使用和接口的实现
C#开发微信门户及应用(28)--微信"摇一摇·周边"功能的使用和接口的实现原文:C#开发微信门户及应用(28)--微信"摇一摇·周边"功能的使用和接口的实现 ...
vue.js中H5使用微信摇一摇抽奖，判断摇一摇次数
微信摇一摇抽奖: export default {data() {return {SHAKE_THRESHOLD:4000,//定义一个摇动的值last_update :0,//定义一个变量保存上次更 ...
微信摇一摇开发 php,微信公众号实现摇一摇周边功能开发代码
这篇文章主要介绍了微信公众号摇一摇周边功能开发的相关资料,需要的朋友可以参考下 ①申请开通摇一摇功能申请开通摇一摇周边功能.成功提交申请请求后,工作人员会在三个工作日内完成审核.若审核不通过,可以 ...

微信摇一摇(copy的)

微信摇一摇(copy的)相关推荐

最新文章

热门文章