HTML5 Vibration API(震動 API)

2020-01-25 23:01:25

要控制裝置的震動(一般為手機)的話可以使用 Vibration API 來達成，使用方法只要透過 window.navigator.vibrate() 即可，範例如下：

window.navigator.vibrate(200);
window.navigator.vibrate([200]);

以上兩行都能讓裝置震動 200ms，第二行的延伸下去可以控制裝置在一段時間內停止跟震動的行為，先看一下範例：

window.navigator.vibrate([200, 100, 200]);

根據此陣列，裝置將振動 200 ms、暫停 100 ms，再振動 200 ms。

不過這個 api 由於 safari 不支援，所以想要用的話就要考慮在 iOS 上可能就沒辦法體驗了。

HTML5 Battery Status API(電池狀態 API) HTML5 新的 input 屬性

你可能也會喜歡的

HTML5 Battery Status API(電池狀態 API)

HTML5 Canvas 基礎(一) 矩形

HTML5 Canvas 基礎(七) 生成圖片- toDataURL

Notification- 瀏覽器的推播通知

[Vue.js] 利用 HTML5 File api

Awesome Cheatsheets- 好用的熱門程式語言與框架語法整理網站

課程推薦

AI工作術全面學習實戰營：6 堂精選課程，學會最好用 AI 工具，翻轉你的人生

《PChome雜誌》攜手 5 位在 AI 領域的專業講師，打造上述 6 堂實用課程，教你學會時下最好用的 AI 工具，導入生成式 AI 來產製工作內容，改造並升級你的工作流程。

輸入折扣碼 ZERO2024 還可以額外獲得 NT$400 優惠喔。

HTML與SEO實戰應用—並以ChatGPT助力提升網站品質與流量

本課程專為希望深入了解 HTML 並有效結合 SEO 策略的學員設計。我們將重點放在 HTML 的深度學習與應用上，同時穿插介紹如何透過搜索引擎優化提升網站能見度。透過即時互動式的直播教學，加上 ChatGPT 的輔助，您將學習到如何建立一個結構優良、美觀且符合 SEO 標準的網站。這不僅會提升網站的用戶體驗，還會大幅提高網站的搜索引擎排名，進而增加訪客流量和潛在客戶。