js 手机摇一摇

最新推荐文章于 2019-08-30 15:22:48 发布

weixin_34129696

最新推荐文章于 2019-08-30 15:22:48 发布

阅读量344

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/4052053/blog/3026644

本文介绍了一个使用JavaScript实现的手机摇一摇功能。该功能通过监听设备运动事件并计算加速度来判断用户是否进行了摇晃动作。当摇晃速度超过设定阈值时，触发指定的回调函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

const shark = (fn) => {
	const shake = 3000;
	let last_update = 0;
	let x = 0;
	let y = 0;
	let z = 0;
	let last_x = 0;
	let last_y = 0;
	let last_z = 0;
	const deviceMotionHandler = (eventData) => {
		const acceleration = eventData.accelerationIncludingGravity;
		const currTime = new Date().valueOf();
		const diffTime = currTime - last_update;
		if (diffTime > 100) {
			last_update = currTime;
			x = acceleration.x;
			y = acceleration.y;
			z = acceleration.z;
			const speed = Math.abs(x + y + z - last_x - last_y - last_z) / diffTime * 20000
			if (speed > shake) {
				fn()
			}
			last_x = x;
			last_y = y;
			last_z = z;
		}
	}

	if (window.DeviceMotionEvent) {
		window.addEventListener('devicemotion', deviceMotionHandler, false);
	} else {
		alert('本设备不支持devicemotion事件');
	}
}


export {
	shark
}

转载于:https://my.oschina.net/u/4052053/blog/3026644