当前第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 progress进度条详解
h5 canvas中fill 与stroke文字效果实现实例
了解什么是HTML5
基于 HTML5 canvas 的 3d 渲染引擎界面以及吸附等效果的运用
HTML5的地理定位如何使用
HTML5之javascript多线程的详解
HTML5实现把上传的图片转成base64编码在显示(代码实例)
HTML5表单元素实例讲解
HTML5的contenteditable属性解析
HTML5中关于history模式的详解
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 用H5实现手机摇一摇的实例详解