js实现震动

实现浏览器震动效果

使用Web Vibration API可以在支持该功能的设备上触发震动效果。该API允许通过JavaScript控制设备的震动马达。

基本震动方法

调用navigator.vibrate()方法实现震动，参数为震动时间（毫秒）或震动模式数组：

// 单次震动500毫秒
navigator.vibrate(500);

// 震动模式：震动200ms，暂停100ms，震动300ms
navigator.vibrate([200, 100, 300]);

检查浏览器支持性

在执行震动前建议检测浏览器是否支持该API：

if ("vibrate" in navigator) {
    // 支持震动功能
    navigator.vibrate(200);
} else {
    console.log("该浏览器不支持震动API");
}

停止震动

调用无参数或0参数的vibrate()方法可停止当前震动：

// 停止所有震动
navigator.vibrate(0);

高级震动模式

可以创建复杂的震动模式数组，交替指定震动和暂停时间：

// 震动模式：震动300ms，暂停200ms，震动100ms，暂停400ms，震动50ms
const pattern = [300, 200, 100, 400, 50];
navigator.vibrate(pattern);

兼容性注意事项

该API主要适用于移动设备浏览器，部分桌面浏览器可能不支持。实际使用时建议结合用户交互事件（如点击）触发，避免自动震动可能带来的不良体验。