JS实现手机摇一摇功能
生活随笔
收集整理的這篇文章主要介紹了
JS实现手机摇一摇功能
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
//運(yùn)動(dòng)事件監(jiān)聽
if (window.DeviceMotionEvent) {
window.addEventListener('devicemotion',deviceMotionHandler,false);
}
//獲取加速度信息
//通過監(jiān)聽上一步獲取到的x, y, z 值在一定時(shí)間范圍內(nèi)的變化率,進(jìn)行設(shè)備是否有進(jìn)行晃動(dòng)的判斷。
//而為了防止正常移動(dòng)的誤判,需要給該變化率設(shè)置一個(gè)合適的臨界值。
var SHAKE_THRESHOLD = 4000;
var last_update = 0;
var x, y, z, last_x = 0, last_y = 0, last_z = 0;
function deviceMotionHandler(eventData) {
var acceleration =eventData.accelerationIncludingGravity;
var curTime = new Date().getTime();
if ((curTime-last_update)> 10) {
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("你中獎(jiǎng)啦!");*/ // Do something
openZoosUrl();
}
last_x = x;
last_y = y;
last_z = z;
}
}
總結(jié)
以上是生活随笔為你收集整理的JS实现手机摇一摇功能的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: python class类里给列表排序_
- 下一篇: 无限重启_三星蓝光播放器出现无限自动重启