首页 > 代码库 > 移动端h5摇一摇事件
移动端h5摇一摇事件
// 摇一摇动作 //获取加速度信息 //通过监听上一步获取到的x, y, z 值在一定时间范围内的变化率,进行设备是否有进行晃动的判断。 //而为了防止正常移动的误判,需要给该变化率设置一个合适的临界值。 var SHAKE_THRESHOLD = 4000; var last_update = 0; var x, y, z, last_x = 0, last_y = 0, last_z = 0; 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) { $(‘.slide_06_text‘).fadeOut(); $(‘.milk_01‘).animate({top:‘0‘},1000); $(‘.milk_02‘).show().animate({bottom:‘0‘},2000); $(‘.yao_tips_01‘).animate({top:‘5%‘},1500); $(‘.yao_tips_02‘).show().animate({bottom:‘5%‘},2000); setTimeout(function(){ $(‘.slide_06‘).fadeOut(); $(‘.slide_04‘).fadeIn(); },2500); } last_x = x; last_y = y; last_z = z; } }
移动端h5摇一摇事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。