html5摇一摇代码优化
2024-09-02 21:00:47
首先对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);
}
如今就完美了
最新文章
- 学习Redis你必须了解的数据结构——JS实现集合和ECMA6集合
- Ubuntu14-04 MySQL-5.6.21通用二进制安装
- C# 获取当前日期在指定日期范围内是第几周
- praise包--R给你点赞!
- 实战:ajax带参数请求slim API
- Java获取字符串编码方式
- Promise A 规范的一个简单的浏览器端实现
- WebService 超简单入门教程(Java)
- Java读取Properties文件的六种方法
- iTunes 重新提交代码步骤
- php函数的使用
- Katana-CookieAuthenticationMiddleware-源码浅析
- 中文代码示例之Angular入门教程尝试
- Python开发爬虫之理论篇
- Jenkins pipeline:pipeline 语法详解
- Linux_软件安装_jdk_tomcat_Mysql
- python对象的for迭代实现
- react 路由 react-router-dom
- MT【300】余弦的三倍角公式
- checkbox用图片替换原始样式,并实现同样的功能
热门文章
- 查看python关键字
- 数据库sql语句limit区别
- Java中System.setProperty()用法
- 如何卸载eclipse中的pydev
- js检测对象是否是数组
- 简单DP内容
- Jenkins出现 {";changed";: false, ";msg";: ";mkdir: cannot create directory ‘/root/.ansible/tmp/ansible-tmp-1552390265.8-253945919613076’: No space left on device\n";, ";unreachable";: true}
- centos7 中源码安装nginx
- IP封包协议头/TCP协议头/TCP3次握手/TCP4次挥手/UDP协议头/ICMP协议头/HTTP协议(请求报文和响应报文)/IP地址/子网掩码(划分子网)/路由概念/MAC封包格式
- 转: 使用 /sys 文件系统访问 Linux 内核