Cordova 振動插件

1. 安裝

cordova plugin add cordova-plugin-vibration

2.添加按鈕

<button id="vibration">單次振動</button>
<button id="sustained-vibration">多次振動</button>
<button id="stopVibration">停止振動</button>

3. 添加振動事件

// cordova加載完成
document.addEventListener('deviceReady',function(){
  document.getElementById('vibration').onclick=function(){
    // 振動時間
    // ios忽略指定的時間 使用系統預設的時間
    // window最長5秒 最短1ms
    navigator.vibrate(2000);
  }
  document.getElementById('sustained-vibration').onclick=function(){
    // 模式振動
    // 振動一秒 停一秒 振動兩秒 停兩秒 振動三秒 以此類推
    navigator.vibrate([1000,1000,2000,2000,3000])
  }
  document.getElementById('stopVibration').onclick=function(){
    // 消除振動的三種寫法
    navigator.vibrate(0);
    // navigator.vibrate([]);
    // navigator.vibrate([0]);
  }
})

4.總結和注意點

1.振動的事件在模擬器上是沒法試出來的,需要到真機上測試
2.不僅僅是振動事件 其他事件也都寫到deviceReady裏面最好 免得發生不必要的問題
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章