cordova - Cordova振动 - cordova教程 , 学习cordova , cordova android , cordova ios



  • 这个插件是用于连接到设备的振动功能。
cordova教程 - cordova - 
学习cordova - Cordova Architecture plugins -  apache cordova代码- apache cordova的例子
Wikitechy cordova tutorial tags - apache cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova下载 , apache cordova是什么 , cordova plugin开发 , apache cordova教程 , cordova 教程 , cordova插件开发 , cordova菜鸟教程 , 菲律宾cordova岛 , cordova 持续定位

第1步 - 安装振动插件

  • 我们可以通过在命令提示符窗口运行下面的代码安装这个插件 −
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-vibration
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
cordova教程 - cordova - 
学习cordova - 
cordova plugin - apache cordova振动 - Cordova plugin 生成 - Yeoman generator のインストール
- apache cordova代码- apache cordova的例子

cordova教程 - cordova - 学习cordova - cordova plugin - apache cordova振动 - apache cordova地理位置 - Cordova plugin 生成 - Yeoman generator のインストール - apache cordova代码- apache cordova的例子

第2步 - 添加按钮

  • 当安装了插件后,我们可以在 index.html 中添加按钮将用于触发振动。
<button id = "vibration">VIBRATION</button>
<button id = "vibrationPattern">PATTERN</button>
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第3步 - 添加事件监听器

  • 现在,我们要在 index.js 里面的 onDeviceReady 函数添加事件侦听器。
document.getElementById("vibration").addEventListener("click", vibration);
document.getElementById("vibrationPattern").addEventListener("click", vibrationPattern);
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第4步 - 创建函数

  • 这是插件是非常容易使用。这里将创建两个函数。
function vibration() {
   var time = 3000;
   navigator.vibrate(time);
}

function vibrationPattern() {
   var pattern = [1000, 1000, 1000, 1000];
   navigator.vibrate(pattern);
} 
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
cordova教程 - cordova - 
学习cordova - 
cordova plugin - apache cordova振动 - Cordova plugin 生成 - Yeoman generator のインストール
- apache cordova代码- apache cordova的例子

cordova教程 - cordova - 学习cordova - cordova plugin - apache cordova振动 - apache cordova地理位置 - Cordova plugin 生成 - Yeoman generator のインストール - apache cordova代码- apache cordova的例子

  • 第一个函数使用 time 参数。 此参数用于设置的振动的持续时间。 我们按下 VIBRATION 按钮设备会三秒钟震动一次。
  • 第二个函数使用 pattern参数。因此此数组要求设备振动一秒钟,然后等待一秒钟,然后再重复上述过程

wikitechy provides you the following points such as cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova api , cordova-android , phonegap cordova , cordova plugin , cordova下载 , apache cordova是什么 , cordova cli , cordova plugin开发 , apache cordova教程 , cordova 教程 , vue cordova , ngcordova , ionic cordova , cordova plugin file , cordova 安装 , ionic 会取代cordova么 , cordova怎么样 , cordova插件开发 ,cordova菜鸟教程 , cordova react , cordova ionic vuejs , 菲律宾cordova岛 , cordova 持续定位 , phonegap , cordoba , cordova plugins , cardova , apache cordova , cordova phonegap , ionic cordova phonegap , apache cordova alternatives , cordova for visual studio , best ide for cordova development , create cordova plugin android , cordova ios 4 , apache cordova download , cordova build command , cordova web support , cordova webview android , how to install cordova , phonegap developer , apache cordova ionic , cordova command

Related Searches to Cordova振动