时间:2021-05-08
我从网上找到了一个案例,是用来摇一摇换颜色的,非常好用,不过测试后,需要注意的有:
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>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
通过网上的资料,加上自己的整理,写了一份html摇一摇功能的简介,用做技术备份。知识要点1、DeviceMotionEvent这是html5支持的重力感应事件,
手机摇一摇功能在平时项目开发中是很常见的需求,利用Unity的重力感应可以很方便的实现该功能。Unity简化了重力感应的开发,通过访问Input.acceler
很多卖家朋友不太清楚微淘摇一摇抽奖怎么设置?小编整理了微淘摇一摇抽奖设置教程,希望对各位有所帮助。微淘摇一摇抽奖插件到底怎么玩儿?如何做活动?请接着往下看。在点
许多商家盆友不太清晰淘宝微淘摇一摇抽奖如何设置?我梳理了淘宝微淘摇一摇抽奖设定实例教程,期待对诸位有一定的协助。 淘宝微淘摇一摇抽奖软件究竟咋玩?怎样做主题活
近期许多淘宝用户都关心摇一摇作用,手机上淘宝摇一摇就能参与抽奖,吸引住许多客户,手机上淘宝摇一摇通道在哪儿?手机上淘宝摇一摇咋玩,活动奖品是啥? 一、手机上淘宝