当前第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》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 用H5实现手机摇一摇的实例详解