博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一个简单的HTML5摇一摇实例
阅读量:6316 次
发布时间:2019-06-22

本文共 924 字,大约阅读时间需要 3 分钟。

HTML摇一摇。。。

</title> <script type="text/javascript"> var SHAKE_THRESHOLD = 3000; var last_update = 0; var x=y=z=last_x=last_y=last_z=0; var media; function init(){ last_update=new Date().getTime(); media= document.getElementById("musicBox"); if (window.DeviceMotionEvent) { window.addEventListener('devicemotion',deviceMotionHandler, false); } else{ alert('not support mobile event'); } } function deviceMotionHandler(eventData) { var acceleration =eventData.accelerationIncludingGravity; var curTime = new Date().getTime(); if ((curTime - last_update)> 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; } } </script> </head> <body οnlοad="init()"> html5手机摇一摇功能,摇一摇试试看 </body> </html>

转载地址:http://xrkaa.baihongyu.com/

你可能感兴趣的文章
9.Dart中的类有何不同?
查看>>
PingCAP University 免费开放线上课程,快来点亮「TiDB DBA」技能点吧!
查看>>
Ubuntu 16.04 提权漏洞
查看>>
如何做好接口测试?
查看>>
PHPWAMP开机自启异常,服务器重启后Apache等服务不会自启的原因分析
查看>>
php配置php-fpm启动参数及配置详解 详细出处参考:http://www.jb51.net/article/42716.htm...
查看>>
[siggraph2011]Secrets of CryENGINE 3 Graphics Technology
查看>>
生产环境之同步脚本
查看>>
解决"安装文件有挂起的文件,请重启电脑"的通用解决方法
查看>>
Python3 日期和时间
查看>>
$('#checkbox').attr('checked'); 返回undefined解决办法
查看>>
Ubuntu 目录名改成英文
查看>>
列出数字1~10=11的所有组合
查看>>
2013年24周信息安全汇总(6.9 - 6.15)
查看>>
武汉同济OA项目一期验收
查看>>
PDFlib是一个用于创建PDF文档的开发工具
查看>>
DTCC2014:珠联璧合:当大数据联姻数据仓库后
查看>>
NSIS 的 Modern UI 教程
查看>>
ASP.NET格式化日期字符串
查看>>
bash-support 插件
查看>>