Categories: Cordova 教程

Cordova 振动

此插件用于连接设备的振动功能。

步骤1 – 安装Vibration插件

我们可以通过运行以下代码在命令提示符窗口中安装此插件:

C:UsersusernameDesktopCordovaProject>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);
}

第一个功能是使用时间参数。此参数用于设置振动的持续时间。一旦按下 VIBRATION 按钮,设备将振动三秒钟。

第二个函数是使用 pattern 参数。此阵列将要求设备振动一秒钟,然后等待一秒钟,然后重复该过程。

唐伯虎点蚊香

前端小白,想各位学习!

Share
Published by
唐伯虎点蚊香

Recent Posts

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

1 天 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

1 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

3 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

4 周 ago