微信摇一摇功能

最新推荐文章于 2020-06-04 16:04:07 发布

九

最新推荐文章于 2020-06-04 16:04:07 发布

阅读量497

点赞数

分类专栏：微信 html5 文章标签：微信二维码

本文链接：https://blog.csdn.net/qq_31301099/article/details/50541119

版权

html5 同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

微信

1 篇文章 0 订阅

订阅专栏

竟可能的用微信去扫   可以现在草料二维码生产二维码 http://cli.im/url

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>微信摇一摇功能</title>

</head>
<body οnlοad="init()">
<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
    //Javascript

    var SHAKE_THRESHOLD = 5000;
    var last_update = 0;
    var x = y = z = last_x = last_y = last_z = 0;
    function init() {
        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 * 15000; 

            if (speed > SHAKE_THRESHOLD) {
                alert("摇动了");
                $().ready(function () {
                    alert("s");
                    $('.div_1').css({"display":"block"});
                })
                
            }
            last_x = x;
            last_y = y;
            last_z = z;
        }
    }
</script>
    <div class="div_1" style="background-color: black;width: 100px;height: 100px; display: none;"></div>
</body>
</html>

九

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
微信摇一摇功能

竟可能的用微信去扫可以现在草料二维码生产二维码 http://cli.im/urlhtml>html lang="en">head> meta charset="utf-8" /> meta name="viewport" content="width=device-width, initial-scale=1.0" /> title>微信摇一摇功能title
复制链接

扫一扫