Navigator：vibrate() 方法 - Web API | MDN

Navigator：vibrate() 方法 - Web API | MDN

概述

Navigator 接口的 vibrate() 方法用于控制设备上的振动硬件（如果存在）。如果设备不支持振动，则该方法无效。如果已经处于振动模式，调用此方法会停止前一个模式，并开始新的振动模式。

语法

vibrate(pattern)

参数

• pattern：提供振动和暂停间隔的模式。可以是单个值（表示振动的毫秒数），也可以是一组值（交替表示振动和暂停的毫秒数）。传递 0、空数组或全零数组将取消任何正在进行的振动模式。

返回值

• 一个布尔值，表示振动是否成功启动。

安全

需要用户激活。用户必须与页面或 UI 元素进行交互，才能使此特性发挥作用。

示例

简单振动

navigator.vibrate(200); // 振动 200 毫秒

摩斯密码“SOS”

navigator.vibrate([
  100, 30, 100, 30, 100, 30, 200, 30, 200, 30, 200, 30,
  100, 30, 100, 30, 100
]);

规范

• Vibration API (Second Edition)

浏览器兼容性

以下是 vibrate() 方法在不同浏览器上的支持情况：

浏览器	桌面版	移动版
Chrome	支持（从版本 32 开始）	Android 支持（从版本 32 开始）
Edge	支持（从版本 79 开始）	-
Firefox	不支持（版本 16 至 128）	Android 部分支持（从版本 79 开始）
Opera	支持（从版本 19 开始）	Android 支持（从版本 19 开始）
Safari	不支持	iOS 不支持
Samsung Internet	支持（从版本 2.0 开始）	-
WebView Android	支持（从版本 4.4.3 开始）	iOS 不支持

流程图

以下是使用 vibrate() 方法的流程图：