首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >【设备】震动(Vibration)

【设备】震动(Vibration)

作者头像
Html5知典
发布2019-11-26 17:18:50
发布2019-11-26 17:18:50
98900
代码可运行
举报
文章被收录于专栏:Html5知典Html5知典
运行总次数:0
代码可运行

概述 设备方向(Orientation) API 是通过vibrate()方法来实现的,通过该方法, 当有事件通知时,WEB应用程序可以让设备震动以达到提醒用户的目的。

代码示例

浏览器支持检测

代码语言:javascript
代码运行次数:0
运行
复制
if(navigator.vibrate) {     //支持此API } else {     //不支持此API }

通过以上代码可以事先检测浏览器是否支持本API。

震动一次

为了让设备震动一次,我们调用vibrate()方法,并传递一个指示震动持续时间的数值(毫秒单位)。

代码语言:javascript
代码运行次数:0
运行
复制
// 震动一次1分钟 navigator.vibrate(60*1000);

震动多次

为了让设备震动多次, 我们将一个整数数组传递给振动方法,指示震动的次数,各次的持续时间以及停顿时间:

代码语言:javascript
代码运行次数:0
运行
复制
/ 震动三次 // 前两次震动为1秒钟 // 最后一次震动为2秒钟 // 停顿半秒钟 navigator.vibrate([1000, 500, 1000, 500, 2000]);
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-06-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Html5知典 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 震动一次
  • 震动多次
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档