var SHAKE_THRESHOLD = 3000; //摇动的持续时间,此数值可调,单位毫秒
var last_update = 0;
var x = y = z = last_x = last_y = last_z = 0;
function init() {
if (window.DeviceMotionEvent) {
window.addEventListener('devicemotion', deviceMotionHandler, false); //重力感应监听
} else {
alert('not support mobile event'); //不支持重力感应,无法实现效果
}
}
function deviceMotionHandler(eventData) {
var acceleration = eventData.accelerationIncludingGravity;
var curTime = new Date().getTime();
if ((curTime - last_update) > 100) {
var diffTime = curTime - last_update;
last_update = curTime;
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
var speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 10000;
if (speed > SHAKE_THRESHOLD) {
alert("摇动了"); //可以播放一个音效
}
last_x = x;
last_y = y;
last_z = z;
}
}
init();
您所在的位置 -> 米兰百分百 -> JAVASCRIPT -> html5中javascript实现摇一摇

