首页 > 代码库 > html5摇一摇代码优化
html5摇一摇代码优化
首先对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); }如今就完美了
html5摇一摇代码优化
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。