php用手机摇一摇,手机摇一摇实现

/**

* @file 摇一摇移 动事件devicemotion(设备运动事件)

* @name devicemotion

* @desc 支持设备移动事件devicemotion(设备运动事件)返回设备有关于加速度和旋转的相关信息。

* 加速度的数据将包含三个轴:x,y和z(x轴横向贯穿手机屏幕或者笔记本键盘,y轴纵向贯穿手机屏幕或笔记本键盘,z轴垂直于手机屏幕或笔记本键盘)

* @import lib/zeptov1.0.js

*/

$(function () {

//摇一摇设置

$.SHAKE = {

SHAKE_THRESHOLD : 2000,

last_x : 0,

last_y : 0,

last_z : 0,

lastUpdate : 0,

sharkTimer : null

};

//摇一摇模拟实现

$.deviceMotionHandler = function(e){

var me = $.SHAKE;

var x;

var y;

var z;

var acceleration = e.accelerationIncludingGravity;

var l;

var currentTime = new Date().getTime();

if ((currentTime - me.lastUpdate) > 100) {

var passTime = (currentTime - me.lastUpdate);

me.lastUpdate = currentTime;

x = acceleration.x;

y = acceleration.y;

z = acceleration.z;

var c = Math.abs(x + y + z - me.last_x - me.last_y - me.last_z) / passTime * 10000;

if (c > me.SHAKE_THRESHOLD) {

me.sharkTimer && clearTimeout(me.sharkTimer);

me.sharkTimer = setTimeout(function() {

shake();

}, 300);

}

me.last_x = x;

me.last_y = y;

me.last_z = z;

}

};

});

//摇一摇初始化

if (window.DeviceMotionEvent) {

var rocktip = $(".rocktip");

rocktip.removeClass("none");

window.addEventListener("devicemotion", function() { $.deviceMotionHandler.apply(null, arguments)}, false);

}

function shark(){

//todos

}

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值