国产探花免费观看_亚洲丰满少妇自慰呻吟_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>


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 峨山| 若尔盖县| 康乐县| 沽源县| 肥东县| 呼玛县| 烟台市| 泾源县| 航空| 通化市| 拉孜县| 梨树县| 额尔古纳市| 贺州市| 普宁市| 临朐县| 克什克腾旗| 综艺| 府谷县| 安顺市| 乐陵市| 中西区| 常宁市| 朝阳区| 乌兰察布市| 甘肃省| 孟村| 涿鹿县| 闻喜县| 松溪县| 洛宁县| 汕尾市| 博客| 贡觉县| 吴川市| 南和县| 苗栗县| 乐业县| 隆安县| 京山县| 安阳市|