自学内容网 自学内容网

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
]);

规范

浏览器兼容性

以下是 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() 方法的流程图:

单个数值
数组
支持
不支持
开始
调用 navigator.vibrate
检查参数
执行单一振动
执行交替振动和暂停
设备是否支持振动
执行振动
不执行振动
结束

参见

我向您道歉,让我再次尝试提供一个正确的 Mermaid 流程图代码,确保它能够正确显示:


原文地址:https://blog.csdn.net/m0_46672781/article/details/143786331

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!