
- 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); }
第一個函式採用時間引數。此引數用於設定振動的持續時間。一旦我們按下 振動按鈕,裝置就會振動三秒鐘。
第二個函式使用 模式引數。此陣列將要求裝置振動一秒鐘,然後等待一秒鐘,然後再次重複此過程。
廣告