- Cordova 教程
- Cordova - 主页
- Cordova - 概述
- Cordova - 环境设置
- Cordova - 第一个应用程序
- Cordova - Cong.xml 文件
- Cordova - 存储
- Cordova - 事件
- Cordova - 返回按钮
- Cordova - Plugman
- Cordova - 电池状态
- Cordova - 相机
- Cordova - 联系人
- Cordova - 设备
- Cordova - 加速计
- Cordova - 设备方向
- Cordova - 对话框
- Cordova - 文件系统
- Cordova - 文件传输
- Cordova - 地理位置
- Cordova - 全球化
- Cordova - InAppBrowser
- Cordova - 媒体
- Cordova - 媒体捕捉
- Cordova - 网络信息
- Cordova - 启动画面
- Cordova - 振动
- Cordova - 白名单
- Cordova - 最佳实践
- Cordova 有用资源
- Cordova - 快速指南
- Cordova - 有用资源
- Cordova - 讨论
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); }
第一个函数采用时间参数。此参数用于设置振动的持续时间。一旦我们按下 振动按钮,设备就会振动三秒钟。
第二个函数使用 模式参数。此数组将要求设备振动一秒钟,然后等待一秒钟,然后再次重复此过程。
广告