HTML5 手機(jī)震動(dòng)代碼詳解 HTML5 是一種新型的網(wǎng)頁(yè)開(kāi)發(fā)標(biāo)準(zhǔn)，其中提供了許多新的 API，使得網(wǎng)頁(yè)不僅可視化，也具有更強(qiáng)的交互能力。其中，通過(guò) HTML5 的 Vibration API，我們可以讓移動(dòng)端設(shè)備進(jìn)行震動(dòng)，提升網(wǎng)頁(yè)交互性。 具體而言，我們可以通過(guò)以下代碼來(lái)實(shí)現(xiàn)手機(jī)震動(dòng)效果：

if (window.navigator.vibration || window.navigator.webkitVibration || window.navigator.mozVibration) {
window.navigator.vibrate = window.navigator.vibrate || window.navigator.webkitVibrate || window.navigator.mozVibrate;
// 震動(dòng) 500ms
window.navigator.vibrate(500); 
} else {
// 瀏覽器不支持震動(dòng)API
alert("Sorry, your browser doesn't support vibration API.");
}

在這段代碼中，我們首先檢測(cè)用戶(hù)當(dāng)前瀏覽器是否支持 Vibration API。如果支持，則通過(guò) window.navigator.vibrate() 函數(shù)進(jìn)行震動(dòng)設(shè)置，該函數(shù)的參數(shù)為震動(dòng)時(shí)長(zhǎng)（單位為毫秒）。如果用戶(hù)當(dāng)前瀏覽器不支持此 API，則我們可以通過(guò) alert() 函數(shù)提醒用戶(hù)。 此外，如果您需要實(shí)現(xiàn)一些自定義的震動(dòng)模式，您也可以通過(guò)將參數(shù)設(shè)置為震動(dòng)時(shí)長(zhǎng)數(shù)組，來(lái)實(shí)現(xiàn)不同的震動(dòng)強(qiáng)度與時(shí)長(zhǎng)。例如：

// 實(shí)現(xiàn)自定義震動(dòng)模式
window.navigator.vibrate([100, 200, 100, 500]);

在這種情況下，震動(dòng)持續(xù)的時(shí)間是 [100ms 等待，200ms 震動(dòng)，100ms 等待，500ms 震動(dòng)]，不同的參數(shù)間用逗號(hào)隔開(kāi)。 總的來(lái)說(shuō)，HTML5 Vibration API 使得手機(jī)震動(dòng)效果的實(shí)現(xiàn)十分簡(jiǎn)便，它為我們提供了一種全新的交互方式。如果您對(duì)于該 API 感興趣，不妨在您的網(wǎng)頁(yè)中通過(guò)以上代碼來(lái)實(shí)現(xiàn)一下。