• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
    我从网上找到了一个案例,是用来摇一摇换颜色的,非常好用,不过测试后,需要注意的有:

    1、必须要ios或者是安卓4.0以上的才能实现功能应用。

    2、如果加如z坐标的判断,就会出现屏幕乱变颜色的情况,估计太敏感了…………或者是没找到对的用法,希望大家能给指正

    3、这个功能稍微改改,就可以变成抽奖的方法,比大转盘、刮刮卡要时尚些,哈哈

    复制代码
    代码如下:

    <script type="text/javascript">
    var color = new Array('red', 'blue', 'yellow', 'green', '#00f', '#0ff');
    if(window.DeviceMotionEvent) {
    var speed = 25;
    var x = y = z = lastX = lastY = lastZ = 0;
    window.addEventListener('devicemotion', function(){
    var acceleration =event.accelerationIncludingGravity;
    x = acceleration.x;
    y = acceleration.y;
    //z = acceleration.z;
    if(Math.abs(x-lastX) > speed || Math.abs(y-lastY) > speed ) {
    document.body.style.backgroundColor = color[Math.round(Math.random()*10)%6];
    }
    lastX = x;
    lastY = y;
    //lastZ = z;
    }, false);
    }
    </script>
    上一篇:Html5 语法与规则简要概述
    下一篇:html5实现canvas阴影效果示例
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯

    时间:9:00-21:00 (节假日不休)

    地址:江苏信息产业基地11号楼四层

    《增值电信业务经营许可证》 苏B2-20120278

    html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等 html5,利用,重力,感应,实现,