国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

html5 利用重力感應實現搖一搖換顏色可用來做抽獎等等

2024-08-26 00:17:35
字體:
來源:轉載
供稿:網友

點評:搖一搖換顏色的,非常好用,不過測試后,需要有很多的地方需要注意,下面是個人的一些見解,大家不妨參考下

我從網上找到了一個案例,是用來搖一搖換顏色的,非常好用,不過測試后,需要注意的有:

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>


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 凤城市| 衡阳市| 鸡西市| 湖北省| 宁德市| 嘉黎县| 蒲江县| 衡南县| 思南县| 紫阳县| 衢州市| 新建县| 酉阳| 湾仔区| 古浪县| 甘肃省| 青浦区| 宁国市| 家居| 张掖市| 西藏| 吉水县| 广宁县| 佛冈县| 青海省| 陕西省| 房产| 张家口市| 河源市| 遂溪县| 台山市| 通辽市| 武邑县| 旺苍县| 静乐县| 大姚县| 福贡县| 隆子县| 志丹县| 乌海市| 苍南县|