用H5实现手机摇一摇的实例详解


当前第2页 返回上一页

代码如下:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

var SHAKE_THRESHOLD = xxx;

var last_up

date

 = 0;

var x, y, z, last_x, last_y, last_z;

function deviceMotionHandler(eventData) {

var acceleration =eventData.accelerationIncludingGravity;

var cur

Time

 =

new

Date().getTime();

if ((curTime - lastUpdate)> 100) {

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) {

alert("shaked!");

}

last_x = x;

last_y = y;

last_z = z;

}

}

【相关推荐】

1. Html5免费视频教程

2. H5制作二维码扫描和解析的代码实例

3. HTML5本地数据库实例详解

4. 教你如何实现一个H5微场景

5. 详解H5的自定义属性data-*

以上就是用H5实现手机摇一摇的实例详解的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

HTML5画一个简单呢好看的电路图

如何利用HTML5 canvas旋转图片?(实例演示)

让web app更快的HTML5最佳实践

h5中indexeddb 数据库的使用方法详解

详解HTML5幻灯片系统--h5slides

h5文件异步上传

HTML5中使用mathml数学公式

使用HTML5 canvas api中的clip()方法裁剪区域图像

移动端h5页面尺寸大小

css3如何设置placeholder的样式

更多相关阅读请进入《HTML5》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...