HTML5一个重要特性就是DeviceOrientation,它将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持。这个特性包括两种事件:
1、 deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度、方位、朝向等。
2、 deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据。 使用它我们能够很容易的实现重力感应、指南针等有趣的功能,在手机上将非常有用。例如Opera H5体验版里的重力感应球示例就是通过***DeviceOrientation API的deviceOrientation事件来实现的。 其实它还能帮助我们在网页上实现一个手机应用里非常常见而时尚的功能:手机摇一摇。
DeviceMotionEvent(设备运动事件)返回设备有关于加速度和旋转的相关信息。加速度的数据将包含三个轴:x,y和z(示意如下图所示,x轴横向贯穿手机屏幕或者笔记本键盘,y轴纵向贯穿手机屏幕或笔记本键盘,z轴垂直于手机屏幕或笔记本键盘)。因为有些设备可能没有硬件来排除重力的影响,该事件会返回两个属性,accelerationIncludingGravity(含重力的加速度)和acceleration(加速度),后者排除了重力的影响。
1. [代码]***运动传感事件&2. [代码]获取含重力的加速度&3. [代码]核心方法实现代码
HTML5一个重要特性就是DeviceOrientation,它将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持。这个特性包括两种事件:
1、 deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度、方位、朝向等。
2、 deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据。使用它我们能够很容易的实现重力感应、指南针等有趣的功能,在手机上将非常有用。例如Opera H5体验版里的重力感应球示例就是通过***DeviceOrientationAPI的deviceOrientation事件来实现的。
其实它还能帮助我们在网页上实现一个手机应用里非常常见而时尚的功能:手机摇一摇。
DeviceMotionEvent(设备运动事件)返回设备有关于加速度和旋转的相关信息。加速度的数据将包含三个轴:x,y和z(示意如下图所示,x轴横向贯穿手机屏幕或者笔记本键盘,y轴纵向贯穿手机屏幕或笔记本键盘,z轴垂直于手机屏幕或笔记本键盘)。因为有些设备可能没有硬件来排除重力的影响,该事件会返回两个属性,accelerationIncludingGravity(含重力的加速度)和acceleration(加速度),后者排除了重力的影响。
1. [代码]***运动传感事件&
if (window.DeviceMotionEvent) {window.addEventListener(‘devicemotion’,deviceMotionHandler, false);}
2. [代码]获取含重力的加速度&
function deviceMotionHandler(eventData) {var acceleration =eventData.accelerationIncludingG}
3. [代码]核心方法实现代码&
var SHAKE_THRESHOLD =var last_update = 0;var x, y, z, last_x, last_y, last_z;&/p& &p&function deviceMotionHandler(eventData) {var acceleration =eventData.accelerationIncludingG&/p& &p&var curTime = newDate().getTime();&/p& &p&if ((curTime - lastUpdate)& 100) {&/p& &p&var diffTime = curTime -last_last_update = curT&/p& &p&x = acceleration.x;y = acceleration.y;z = acceleration.z;&/p& &p&var speed = Math.abs(x +y + z - last_x - last_y - last_z) / diffTime * 10000;&/p& &p&if (speed & SHAKE_THRESHOLD) {alert(“shaked!”);}last_x =last_y =last_z =}}
阅读(...) 评论()手机淘宝摇一摇在哪里?_开淘网
您好,欢迎来到开淘网& & &开淘宝店,上开淘网
加我微信:jianghui695&一对一回答你的淘宝店铺问题
真实手工流量,提升淘宝排名!万人在线,互刷收藏加购!详情加微信: 或
手机淘宝也有摇一摇功能,可以互动享优惠。不少网友表示不知道手机淘宝摇一摇在哪里?开淘小编整理了手机淘宝摇一摇玩法,希望对各位有所帮助。 一、手机淘宝摇一摇在哪里? 手机淘宝摇一摇入口如下: 1.打开,点击我的淘宝 2.点击必备工具----更多,即可看到手机淘宝摇一摇 二、手机淘宝玩法介绍 1.直接打开手机淘宝首页摇一摇手机,可以识别附件的优惠信息或者活动 2.摇优惠----选择摇优惠摇一摇手机可以获得、优惠商品等 3.摇身边----选择摇身边摇一摇手机可以进入,定位所在地点,可以为你搜索到身边的美食优惠商城优惠等等。 4.摇电视----打开电视节目摇一摇手机能跟电视节目进行互动购物体验。 以上就是手机淘宝摇一摇玩法介绍的全部内容了,更多精彩内容在。推荐阅读《》
您可能感兴趣
淘宝大学教程大全提供淘宝开店教程,淘宝店铺装修教程,淘宝发布宝贝教程,淘宝运营教程,淘宝推广教程等淘宝大学教程视频,为淘宝店主和淘宝从业者提供淘宝的学习入门和精通。...
中国网店网淘宝商城专题,详细的给大家介绍如何加入淘宝商城详细步骤流程,淘宝商城是什么,淘宝商城怎么开,怎么注册,怎么加入。让你从0开始,轻轻松松入 驻Tmall,轻松赚大钱。...
淘宝培训...
淘宝刷单是通过虚假交易而使店铺获得较好的淘宝搜索排名的一种方式,通过刷单可以快速提升店铺信誉、好评率,从而促使店铺整体销量上升
淘宝规则栏目,旨在给淘宝店家解读淘宝规则什么、关于淘宝新规则的变更对网店有什么影响,帮助大家更好的开淘宝网店。...
加我微信:taobao364免费发给你