- 科尔多瓦教程
- 科尔多瓦 - 主页
- 科尔多瓦 - 概述
- 科尔多瓦 - 环境设置
- 科尔多瓦 - 第一次申请
- Cordova - Config.xml 文件
- 科尔多瓦 - 存储
- 科尔多瓦 - 活动
- 科尔多瓦 - 后退按钮
- 科尔多瓦 - 普拉格曼
- Cordova - 电池状态
- 科尔多瓦 - 相机
- 科尔多瓦 - 联系方式
- 科尔多瓦 - 设备
- Cordova - 加速度计
- Cordova - 设备方向
- 科尔多瓦 - 对话
- 科尔多瓦 - 文件系统
- 科尔多瓦 - 文件传输
- 科尔多瓦 - 地理定位
- 科尔多瓦 - 全球化
- Cordova - InAppBrowser
- 科尔多瓦 - 媒体
- Cordova - 媒体捕获
- 科尔多瓦 - 网络信息
- 科尔多瓦 - 启动画面
- 科尔多瓦 - 振动
- 科尔多瓦 - 白名单
- 科尔多瓦 - 最佳实践
- 科尔多瓦有用资源
- 科尔多瓦 - 快速指南
- 科尔多瓦 - 有用的资源
- 科尔多瓦 - 讨论
科尔多瓦 - 振动
该插件用于连接设备的振动功能。
第 1 步 - 安装振动插件
我们可以通过运行以下代码在命令提示符窗口中安装此插件-
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-vibration
第 2 步 - 添加按钮
安装插件后,我们可以在index.html中添加按钮,稍后将使用这些按钮来触发振动。
<button id = "vibration">VIBRATION</button> <button id = "vibrationPattern">PATTERN</button>
第 3 步 - 添加事件监听器
现在我们将在index.js的onDeviceReady中添加事件监听器。
document.getElementById("vibration").addEventListener("click", vibration); document.getElementById("vibrationPattern").addEventListener("click", vibrationPattern);
第 4 步 - 创建函数
这个插件非常容易使用。我们将创建两个函数。
function vibration() { var time = 3000; navigator.vibrate(time); } function vibrationPattern() { var pattern = [1000, 1000, 1000, 1000]; navigator.vibrate(pattern); }
第一个函数是获取时间参数。该参数用于设置振动的持续时间。一旦我们按下振动按钮,设备将振动三秒钟。
第二个功能是使用模式参数。该数组将要求设备振动一秒钟,然后等待一秒钟,然后再次重复该过程。