JS 手机摇动

var SHAKE_THRESHOLD = 800;//摇动强度
var lastUpdate = 0;
var x, y, z, last_x, last_y, last_z;
var canshake = false;
function deviceMotionHandler(eventData) {
    var acceleration = eventData.accelerationIncludingGravity;
    var curTime = new Date().getTime();
    if ((curTime - lastUpdate) > 100) {
        var diffTime = (curTime - lastUpdate);
        lastUpdate = 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 (canshake && speed > SHAKE_THRESHOLD) {
            canshake = false;
            //DO STH
       if (window.DeviceMotionEvent) { window.removeEventListener(‘devicemotion‘, deviceMotionHandler, false); }
        }
        last_x = x;
        last_y = y;
        last_z = z;
    }
}

JS 手机摇动

时间: 2024-08-04 12:16:00

JS 手机摇动的相关文章

js手机相应式多级导航分享

js手机相应导航,可以在自适应屏幕的时候运用,当网站屏幕小到一定程度是,让该导航出现,该导航效果如下图:多级导航! 主要的设计思路是:在菜单中往往会有很多内容或者有多个层次的子菜单,为了更加简洁和节省空间,在这个下拉菜单中将每个子菜单都隐藏在一个主导航按钮下方,当点击的时候通过细微的动画显示出来:当再次点击层级菜单时,可以再次以不同形式的动画展示下一级菜单.因为此菜单是流体布局的,所以可以很容易的适应于响应式布局当中. html代码: <div id="dl-menu" clas

HTML5+JS手机web开发之jQuery Mobile初涉

一.起始之语 我一直都是在PC上折腾网页的,这会儿怎么风向周边捣鼓起手机网页开发呢?原因是公司原先使用Java开发的产品,耗了不少人力财力,但是最后的效果却不怎么好.因为,Android系统一套东西,iPhone又是新的一套,折腾死人呐. 于是总监发狠,让我把手上的活都交出去,专心折腾web版的,看看最后效果如何. 加上我觊觎手机上的开发学习很久了,于是,一拍即合,搞起了手机开发方面的学习. 分享是很好的提高自身学习的方法.因为分享过程中梳理了所学,往往会有些意想不到的心得与收获.如此利人利已的

js手机联动选择地区仿ios 开源git

js手机联动选择地区 前言:由于网上找到了一个mobiscrool,比较全,但是不开源,只能试用15天,正式版竟然要三千块钱,穷人只能自己动手,写了个只针对弹窗地区选择的. 本站点所有的资源均在github上可以查看源代码 GitHub demo地址请点击这里 http://www.lovewebgames.com/jsmodule/mobile-select-area.html mobile-select-area 手机联动选择地区 用法 ##注:依赖于[dialog](https://git

[js开源组件开发]js手机联动选择日期 开源git

js手机联动选择日期 这里在前面的<js手机联动选择地区>的基础上,改造数据源之后形成的一个日期的选择器,当然你可以使用之前的PC上模式的<日期控件>,它同时也支持手机端,http://www.cnblogs.com/tianxiangbing/p/calendar.html. 效果图如下: mobile-select-date 手机联动选择日期 这个组件是从mobile-select-area 继承过来的,所以调用方法基本相同 DEMO请点击这里  http://www.love

js手机触屏轮播效果

以前自己用纯js写的,找了N就都没找到,还是从同事哪里重新拿过来的,仅是备忘,看过新浪新闻的手机触屏端后,自己写了个效果,比新浪的省代码多了 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Cache-Control&

js手机滑块模仿

点击文本框滑动选值 手机屏幕上的上下翻滚菜单使用JS实现.经过十几个小时的折磨,终于有了最初版本.实现办法如下描述: 一.要求和方法 1.一个input输入框,点击后弹出一个翻滚菜单盖在其上,翻滚选好后,点击确定.所选值就到了文本框里. 2.实现这个翻滚菜单使用如下办法:一个菜单DIV,里面是若干菜单项SPAN.菜单DIV设置有竖直滚动条,这样就能滚动菜单项. 菜单DIV的上层,有个包裹层,主要作用是遮住菜单DIV的滚动条.包裹层上还有一层菜单框,用于包裹所有菜单DIV,操作它的显示 和隐藏可以

js手机站跳转

var yunzhuanhua_pc_domain = "http://www.域名.com#yht"; //PC站网址var yunzhuanhua_wap_domain = "http://m.域名.com#yht"; //手机站网址 document.writeln("<frameset cols=\"100%\"><frame src=\""+yunzhuanhua_pc_domain+&q

debug.js手机debug类库

https://segmentfault.com/a/1190000000731903#articleHeader3 https://github.com/binnng/debug.js

JS手机定位地理位置

/** * 以下为html5代码,获取地理位置 */ /** * 设置地址 */ function setAddress(json) { var position = document.getElementById("txtPosition"); //省 var province = json.province; //市 var city = json.city; //区 var district = json.district; province = province.replace