首页
前端开发
HTML5
HTML5移动设备摇一摇代码分享

HTML5移动设备摇一摇代码分享

23 次浏览 0 条评论
zip
zip

HTML5移动设备摇一摇代码分享

以下是一个简单的HTML5代码示例，可实现在移动设备上进行摇一摇操作的功能。

<!DOCTYPE html>

<html>
<head>
<title>摇一摇示例</title>
[removed]
window.addEventListener('devicemotion', shakeEvent, false);
function shakeEvent(event){
    var acceleration = event.accelerationIncludingGravity;
    var shakeThreshold = 15;
    if (Math.abs(acceleration.x) > shakeThreshold ||
        Math.abs(acceleration.y) > shakeThreshold ||
        Math.abs(acceleration.z) > shakeThreshold) {
        // 在此处添加您想要执行的代码
        alert('摇一摇成功！');
    }
}
[removed]
</head>
<body>

摇一摇示例


请在移动设备上进行摇动操作，触发摇一摇效果。

</body>
</html>

该示例通过监听设备的加速度传感器，当设备摇动幅度超过预设阈值时，触发相应的操作。

zip 文件大小：134.22KB