码迷,mamicode.com
首页 > 其他好文 > 详细

摇一摇

时间:2014-10-29 19:11:16      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:style   blog   io   color   ar   sp   div   on   log   

var x, y, z, lastX, lastY, lastZ
var color = [‘red‘, ‘blue‘, ‘green‘, ‘yellow‘, ‘gray‘]
var speed = 25
var enabled = true
x = y = z = lastX = lastY = lastZ = 0

function handleEvent(event) {
    var acceleration = event.accelerationIncludingGravity
    x = acceleration.x 
    y = acceleration.y
    if (enabled && (Math.abs(x - lastX) > speed || Math.abs(y - lastY) > speed || Math.abs(z - lastZ) > speed)) {
        enabled = false
        setTimeout(function() {
            enabled = true
        }, 1000)
        document.body.style.backgroundColor = color[Math.floor(Math.random() * (color.length + 1))]
    }
    lastX = x
    lastY = y
}
if (window.DeviceMotionEvent) {
    window.addEventListener(‘devicemotion‘, handleEvent, true)
}

 

摇一摇

标签:style   blog   io   color   ar   sp   div   on   log   

原文地址:http://www.cnblogs.com/jzm17173/p/4060122.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!