JS-摇一摇功能

    //运动事件监听
    if (window.DeviceMotionEvent) {
      alert('支持')
      window.addEventListener('devicemotion', deviceMotionHandler, false);
    } else {
      alert('不支持')
    }

    //获取加速度信息
    //通过监听上一步获取到的x, y, z 值在一定时间范围内的变化率,进行设备是否有进行晃动的判断。
    //而为了防止正常移动的误判,需要给该变化率设置一个合适的临界值。
    var SHAKE_THRESHOLD = 10000;
    var last_update = 0;
    var x, y, z, last_x = 0, last_y = 0, last_z = 0;
    var Index = 0, timout, intime = false;
    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) {
          console.log("当摇动效率大于设置效率(10000)时反馈数据:" + speed + ",<br>" + x + ",<br>" + y + ",<br>" + z)
          Index++;
          if (!intime) {
            intime = true;
            Index = 0;
            settimestart()
          }
          //                alert("你中奖啦!");  // Do something
        }
        function settimestart() {
          timout = setTimeout(function () {
            intime = false;
            console.log("摇一摇结果:" + Index);
            clearTimeout(timout);
          }, 3000)
        }

        last_x = x;
        last_y = y;
        last_z = z;
      }
    }

猜你喜欢

转载自blog.csdn.net/weixin_40308535/article/details/80808791