首先对DeviceMotionEvent进行优化;

去除没用的代码,又一次封装DeviceMotionEven

if(window.DeviceMotionEvent) {
var speed = 25;//定义一个数值
var x = y = z = lastX = lastY = lastZ = 0;//重置全部数值
window.addEventListener('devicemotion', function(){
var acceleration =event.accelerationIncludingGravity;//将传感值赋给acceleration
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {
// TODO:在此处能够实现摇一摇之后所要进行的数据逻辑操作
donghua(); }
lastX = x;
lastY = y;
lastZ = z;
}, false);
}

因为实际项目中有非常多需求无法非常好的实现。

比方:动画不运行完成就不能继续运行DeviceMotionEvent事件;

所以做了进一步优化;

var f=1;
function donghua(){
//动画事件
$(".img").animate({left:'0',opacity:'1'},700,function(){f=1;}); })。
if(window.DeviceMotionEvent) {
var speed = 25;//定义一个数值
var x = y = z = lastX = lastY = lastZ = 0;//重置全部数值
window.addEventListener('devicemotion', function(){
var acceleration =event.accelerationIncludingGravity;//将传感值赋给acceleration
x = acceleration.x;
y = acceleration.y;
z = acceleration.z;
if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {
// TODO:在此处能够实现摇一摇之后所要进行的数据逻辑操作
if(f==1){
donghua();
f=0;
}
}
lastX = x;
lastY = y;
lastZ = z;
}, false);
}

如今就完美了





最新文章

  1. 学习Redis你必须了解的数据结构——JS实现集合和ECMA6集合
  2. Ubuntu14-04 MySQL-5.6.21通用二进制安装
  3. C# 获取当前日期在指定日期范围内是第几周
  4. praise包--R给你点赞!
  5. 实战:ajax带参数请求slim API
  6. Java获取字符串编码方式
  7. Promise A 规范的一个简单的浏览器端实现
  8. WebService 超简单入门教程(Java)
  9. Java读取Properties文件的六种方法
  10. iTunes 重新提交代码步骤
  11. php函数的使用
  12. Katana-CookieAuthenticationMiddleware-源码浅析
  13. 中文代码示例之Angular入门教程尝试
  14. Python开发爬虫之理论篇
  15. Jenkins pipeline:pipeline 语法详解
  16. Linux_软件安装_jdk_tomcat_Mysql
  17. python对象的for迭代实现
  18. react 路由 react-router-dom
  19. MT【300】余弦的三倍角公式
  20. checkbox用图片替换原始样式,并实现同样的功能

热门文章

  1. 查看python关键字
  2. 数据库sql语句limit区别
  3. Java中System.setProperty()用法
  4. 如何卸载eclipse中的pydev
  5. js检测对象是否是数组
  6. 简单DP内容
  7. Jenkins出现 {"changed": false, "msg": "mkdir: cannot create directory ‘/root/.ansible/tmp/ansible-tmp-1552390265.8-253945919613076’: No space left on device\n", "unreachable": true}
  8. centos7 中源码安装nginx
  9. IP封包协议头/TCP协议头/TCP3次握手/TCP4次挥手/UDP协议头/ICMP协议头/HTTP协议(请求报文和响应报文)/IP地址/子网掩码(划分子网)/路由概念/MAC封包格式
  10. 转: 使用 /sys 文件系统访问 Linux 内核