h5重力感应

手机中的方位轴在Web应用中调用手机陀螺仪接口//摇一摇(使用DeviceOrientation事件, 本质是计算偏转角)//测试中发现有些设备不支持if(window.DeviceOrientationEvent){$(window).on('deviceorientation',function(e) {if(isStarted) {returntrue;}if(!lastAcc) {lastAcc = e;returntrue;}vardelA = Math.abs(e.alpha - lastAcc.alpha);vardelB = Math.abs(e.beta - lastAcc.beta);vardelG = Math.abs(e.gamma - lastAcc.gamma);if( (delA > 15 && delB > 15) || (delA > 15 && delG > 15) || (delB > 15 || delG > 15)) {start();}lastAcc = e;});//摇一摇(使用DeviceMotion事件, 推荐,应为可以计算加速度)if(window.DeviceMotionEvent) {varspeed = 25;varx, y, z, lastX, lastY, lastZ;x = y = z = lastX = lastY = lastZ = 0;window.addEventListener('devicemotion',function(event){varacceleration = event.accelerationIncludingGravity;x = acceleration.x;y = acceleration.y;if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed) {start();}lastX = x;lastY = y;}, false);}摇一摇的代码判断逻辑varisStarted = false;// 开始摇签functionstart() {isStarted = true;$('.qiancover').hide();$('.decode').hide();$('.result').show();// setTimeout(showDecode, 3000);}// 显示正在解签functionshowDecode() {$('.result').hide();$('.decode').show();setTimeout(jumpToDecode, 3000);}// 跳至签文页面functionjumpToDecode(){varurls = ["#","#"];varjumpTo = urls[parseInt(Math.random() * urls.length)];window.location = jumpTo;};

转载于:https://www.cnblogs.com/mapsxy/p/10280545.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值