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);
}

第一個函式採用時間引數。此引數用於設定振動的持續時間。一旦我們按下 振動按鈕,裝置就會振動三秒鐘。

第二個函式使用 模式引數。此陣列將要求裝置振動一秒鐘,然後等待一秒鐘,然後再次重複此過程。

廣告