上次在玩一手游看到里面有一个摇一摇抽奖,游戏是web做的所以在网上找了些代码实现了js摇一摇功能,
具体内容不详解,直接上码
html代码
<audio id="musicbox" src=""></audio>
js代码
init();
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("感觉到摇动,我要发射了");
var media = document.getelementbyid("musicbox"); //获取音频控件
media.setattribute("src", "imgy/shake_sound.mp3");
media.load(); //加载音频
media.play(); //播放音频
}
last_x = x;
last_y = y;
last_z = z;
}
}