上次在玩一手游看到里面有一個(gè)搖一搖抽獎(jiǎng)，游戲是web做的所以在網(wǎng)上找了些代碼實(shí)現(xiàn)了JS搖一搖功能，

具體內(nèi)容不詳解，直接上碼

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("感覺到搖動(dòng)，我要發(fā)射了");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;}}

?

總結(jié)

以上是生活随笔為你收集整理的js 手机摇一摇的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。