資訊專欄INFORMATION COLUMN
摘要：判斷兼容瀏覽器對(duì)振動(dòng)的支持情況，一個(gè)好的習(xí)慣就是在使用之前要檢查一下當(dāng)前你的應(yīng)用環(huán)境瀏覽器是否支持振動(dòng)。下面就是檢測(cè)的方法在對(duì)象里就只有一個(gè)關(guān)于振動(dòng)的。
判斷兼容
瀏覽器對(duì)振動(dòng)API的支持情況，一個(gè)好的習(xí)慣就是在使用之前要檢查一下當(dāng)前你的應(yīng)用環(huán)境、瀏覽器是否支持振動(dòng)API。下面就是檢測(cè)的方法：
var supportsVibrate = "vibrate" in navigator;
在window.navigator對(duì)象里就只有一個(gè)關(guān)于振動(dòng)的API：vibrate。
振動(dòng)API基礎(chǔ)應(yīng)用這個(gè)navigator.vibrate函數(shù)可以接受一個(gè)數(shù)字參數(shù)，也可以接受一個(gè)數(shù)字?jǐn)?shù)組，當(dāng)使用數(shù)組參數(shù)時(shí)，奇數(shù)位的數(shù)值是震動(dòng)秒數(shù)，偶數(shù)位為等待秒數(shù)。
// 振動(dòng)1秒 navigator.vibrate(1000); // 振動(dòng)多次 // 參數(shù)分別是震動(dòng)3秒，等待2秒，然后振動(dòng)1秒 navigator.vibrate([3000, 2000, 1000]);
如果想停止震動(dòng)，你只需要向navigator.vibrate方法里傳入0，或一個(gè)空數(shù)組：
// 停止振動(dòng) navigator.vibrate(0); navigator.vibrate([]);
對(duì)navigator.vibrate方法的調(diào)用并不會(huì)引起手機(jī)循環(huán)振動(dòng)；當(dāng)參數(shù)是一個(gè)數(shù)字時(shí)，振動(dòng)之后發(fā)生一次，然后就停止下來。當(dāng)參數(shù)是數(shù)組時(shí)，震動(dòng)會(huì)按數(shù)組里的值震動(dòng)，然后就停止振動(dòng)。
持續(xù)震動(dòng)我們可以簡(jiǎn)單的使用setInterval 和 clearInterval 方法產(chǎn)生讓手機(jī)持續(xù)震動(dòng)的效果：
var vibrateInterval;
// 開始震動(dòng)
function startVibrate(duration) {
navigator.vibrate(duration);
}
// 停止震動(dòng)
function stopVibrate() {
// 清除間隔和停止持續(xù)振動(dòng)
if(vibrateInterval) clearInterval(vibrateInterval);
navigator.vibrate(0);
}
//在給定的持續(xù)時(shí)間和間隔時(shí)開始持續(xù)的振動(dòng)
//假定一個(gè)數(shù)字值
function startPeristentVibrate(duration, interval) {
vibrateInterval = setInterval(function() {
startVibrate(duration);
}, interval);
}
上面的這段代碼只是針對(duì)振動(dòng)參數(shù)是一個(gè)數(shù)字的情況，如果參數(shù)是數(shù)組，你還需要計(jì)算一下它的總共持續(xù)時(shí)間，然后根據(jù)它的特征來進(jìn)行循環(huán)。
文檔參考w3 vibration
MDN Navigator vibrate
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86339.html
摘要：到目前為止，以及其他瀏覽器要使用位置信息攝像頭地址簿等資源必須申請(qǐng)權(quán)限。目前振動(dòng)的強(qiáng)度還不能控制，只能控制持續(xù)時(shí)間。提示是平臺(tái)上唯一支持振動(dòng)的。當(dāng)頁面使用振動(dòng)的時(shí)候，目前并不會(huì)申請(qǐng)權(quán)限。 一個(gè)新的API出來了。HTML5 （很快）將支持用戶設(shè)備振動(dòng)。這明顯是很有趣的事情，比如它可以用戶觸發(fā)提醒，提升游戲體驗(yàn)，以及其他各種好玩的事情，例如通過振動(dòng)發(fā)送摩斯代碼。 到目前為止，Chrome...
摘要：據(jù)猜測(cè)是為瀏覽器翻譯服務(wù)。通知內(nèi)容，顯示在通知標(biāo)題之下，默認(rèn)為空字符串標(biāo)記通知的類型，打上標(biāo)簽，默認(rèn)為空字符串。在最新的技術(shù)評(píng)審稿中，該參數(shù)被舍棄設(shè)置該標(biāo)志表示最終用戶將不能很容易地清除。設(shè)置該標(biāo)志，通知將為永久型通知。 Web Notification 網(wǎng)頁通知API。這是2011年由谷歌技術(shù)員John Gregg提出的一項(xiàng)網(wǎng)頁通知api。 定義 請(qǐng)讀者直接參考whatwg工作組對(duì)...
閱讀 991·2021-11-23 09:51
閱讀 2704·2021-08-23 09:44
閱讀 667·2019-08-30 15:54
閱讀 1440·2019-08-30 13:53
閱讀 3115·2019-08-29 16:54
閱讀 2533·2019-08-29 16:26
閱讀 1200·2019-08-29 13:04
閱讀 2327·2019-08-26 13:50
