h5设备震动_h5震动

h5设备震动

之前在接触h5项目的时候发现用到了设备震动的api，感觉比较有趣记录一下。

navigator.vibrate() 是一个浏览器原生的 API，用于在支持浏览器的设备中触发震动。可以通过调用此 API，以数组的形式传入持续时间和间隔来控制设备的震动。
该 API 很容易使用，只需要了解以下两个参数：

• 持续时间数组：用于指定震动持续的时间，设备会按照数组中的值进行震动。数组中的每一个值表示震动的持续时间（以毫秒为单位）。
• 间隔时间数组：用于指定间隔时间，设备会在持续时间之间按照数组中的值停顿。数组中的每个值表示停顿的时间（以毫秒为单位）。

例如，以下代码将使设备震动一次，持续 200 毫秒，然后停顿 100 毫秒，再震动一次，持续 500 毫秒。

navigator.vibrate([200, 100, 500]);
1

在一些浏览器中，可以传递一个可选的配置对象，用于指定震动的强度。强度参数是一个数组，它的每个元素表示震动的强度。强度的取值范围是 0 到 1 之间的数字，表示震动的振幅比例。例如，0 表示无振动，1 表示最大振动。

navigator.vibrate([200], { "strongMagnitude": 0.5 });
1

需要注意的是，该 API 在某些设备上可能无法使用，需要检查浏览器是否支持该 API。同时，过于频繁或过长的震动可能会对设备造成损害，需要谨慎使用。