手机摇一摇进入某页面_js代码

// 摇一摇
 var SHAKE_THRESHOLD = 1600;
    var last_update = 0;
    var x = y = z = last_x = last_y = last_z = 0;

    if (window.DeviceMotionEvent) {
        window.addEventListener(‘devicemotion‘, deviceMotionHandler, false);
    } else {
        alert(‘本设备不支持摇一摇事件‘);
    }

    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;
            var status = document.getElementById("status");

            if (speed > SHAKE_THRESHOLD) {
                openswt();
            }
            last_x = x;
            last_y = y;
            last_z = z;
        }
    }
   // function doResult() {
   //  window.location.href = "tel:";}
   function openswt() {window.location.href = "/call.html";}
document.write(‘<div style="position:fixed;top:2%;right:0px;width:55px;z-index:10000;"><a href="javascript:getSwt(\‘yao\‘);"><img src="http://www.baidu.com/images/yao.gif" width="55" border="0"></a></div>‘);
时间: 2024-08-10 21:29:16

手机摇一摇进入某页面_js代码的相关文章

HTML5实现手机摇一摇的功能

利用html5实现类似微信的手机摇一摇功能,并播放音乐. 1.  deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度.方位.朝向等. 2.  deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据. js如下: <scirpt> var SHAKE_THRESHOLD = 3000; var last_update = 0; var x = y = z = last_x = last_y =

武汉兼职女:点击浏览器或者手机返回按钮,刷新历史页面解决方案

武汉兼职女:点击浏览器或者手机返回按钮,刷新历史页面解决方案 我前面文章中写了返回上一页并刷新页面 的方式.这个是我们点击某个按钮,来进行操作的.但是假如我们不是点击某个按钮,而是直接点击手机下面的返回按钮或者浏览器自带返回按钮,如何刷新之前的历史页面呢? 应用场景假如我们有如下页面列表信息页面 enter image description here 点击进入详情页面,在详情页面修改了数据. enter image description here 通过历史返回,再返回到列表信息页面,因为列表

手机摇一摇功能音量大小跟系统音量一致

源码免费下载 布局文文件:main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent&qu

利用html5实现类似微信的手机摇一摇功能

利用html5实现类似微信的手机摇一摇功能,并播放音乐. 1.  deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度.方位.朝向等. 2.  deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据. 不多说直接上代码, Javascript: [javascript] view plaincopy var SHAKE_THRESHOLD = 3000; var last_update = 0;

通过手机Web实现手机摇一摇的功能

经常我们玩微信都会用到查到附近的人,都是在app上实现手机摇一摇的功能.现在,我们将此技术搬移到手机web上,供大家学习,主要是用到HTML5的重要特性就是DeviceOrientation:官方文档 它将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持.这个特性包括两种事件: deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度.方位.朝向等. deviceMotion:封装了运动传感器数据的事件,可以获取手机运动

Unity手机摇一摇

项目中遇到手机摇一摇功能边整理下: using UnityEngine; using System.Collections; public class ShakePhone : MonoBehaviour {     float old_y = 0;     float new_y = 0;     float max_y = 0;     float min_y = 0;     float d_y = 0;     void Update()     {         new_y = In

如何把图片放入到页面的合适位置

有时候我们需要批量的向一个文档中插入图片,比如说,我们使用OpexXML操作Word文件,或者使用ITextSharp操作PDF文件. 这里以ITextSharp操作PDF为例,现在有100张图片,插入到PDF中,每个图片占据一页.这里有个问题,因为这些图片的长度,像素等都是不确定的,我们怎么才能把图片摆在一个页面比较合适的位置上?我们可以考虑把图片放到页面的中间,也就是图片的对角线中心与页面的对角线中心重合.但是长度怎么办?有的图片长度可是完全超出了页面的宽带.所以,这时我们就要判断比较图片宽

手机摇一摇的功能

今天做了一个手机摇一摇的小案例,将网上的小案例修改成自己想要的 在修改代码的过程中遇到了几个小问题,当我摇手机的时候需要对摇到的手机号进行计数,但是敏感度高会出现计数变多 解决的办法是在手机号弹出,点击继续抽奖的时候计数 运用js的时候非常的不熟练,所以需要多练习 手机摇一摇的代码下载链接 http://download.csdn.net/detail/u012192657/9510003 源代码从网上找的,感谢提供源代码的人

手机摇一摇效果-html5

1.手机摇一摇效果实现 2.播放声音 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>摇一摇功能</title