一、代码

  1. window.addEventListener("devicemotion",function (event) {
  2. document.getElementById("motion").innerHTML = `x:${event.acceleration.x}
  3. <br>
  4. y:${event.acceleration.y}
  5. <br>
  6. z:${event.acceleration.z}
  7. `;
  8. if (Math.abs(event.acceleration.x)>9||Math.abs(event.acceleration.y)>9||Math.abs(event.acceleration.z)>9){
  9. alert("shaking!!");
  10. }
  11. })
  1. **分析:**监测devicemotion事件,其中有三个加速度的值,分别是xyz的加速度,当加速度的绝对值大于9的时候,弹出晃动的窗口。