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

第一個函式使用 time 引數。 此引數用於設定的振動的持續時間。 我們按下 VIBRATION 按鈕裝置會三秒鐘震動一次。

第二個函式使用 pattern引數。因此此陣列要求裝置振動一秒鐘，然後等待一秒鐘，然後再重複上述過程。