使用JavaScript实现手机的震动

记得去年的CSDN专家社区活动，有创业者透露，他们正在实现用js脚本就可以开发智能硬件的插件。例如通过他们的插件，我们使用js脚本就可以实现会夹菜的机器人，会呼叫主人的门禁系统等。我们看到JavaScript正在走向更宽广的舞台。今天为大家分享的是使用JavaScript实现手机的震动功能。
先看看W3C官方基于JavaScript的震动接口

window.navigator对象里就只有一个关于振动的API：vibrate方法。在使用调用方法前，我们先验证一下你的浏览器是否支持该接口！

var supportsVibrate = "vibrate" in navigator;
if(supportsVibrate)
    alert("支持");
else
    alert("不支持");

不同内核的浏览器我带上不同的前缀。navigator.vibrate，navigator.webkitVibrate，navigator.oVibrate
    
navigator.vibrate函数可以接受一个数字参数，也可以接受一个数字数组，当使用数组参数时，奇数位的数值是震动秒数，偶数位为等待秒数。

// 振动1秒
navigator.vibrate(1000);
// ：www.xttblog.com
// 振动多次
// 参数分别是震动3秒，等待2秒，然后振动1秒
navigator.vibrate([3000, 2000, 1000]);

停止震动，你只需要向navigator.vibrate方法里传入0，或一个空数组：
// 停止振动
navigator.vibrate(0);
navigator.vibrate([]);

对navigator.vibrate方法的调用并不会引起手机循环振动；当参数是一个数字时，振动之后发生一次，然后就停止下来。当参数是数组时，震动会按数组里的值震动，然后就停止振动。如果想实现持续震动，我们可以使用setInterval和clearInterval方法产生让手机持续震动。

var vibrateInterval;

// ：www.xttblog.com
function startVibrate(duration) {
    navigator.vibrate(duration);
}

// ：www.xttblog.com
function stopVibrate() {
    // Clear interval and stop persistent vibrating 
    if(vibrateInterval) clearInterval(vibrateInterval);
    navigator.vibrate(0);
}

// ：www.xttblog.com
function startPeristentVibrate(duration, interval) {
    vibrateInterval = setInterval(function() {
        startVibrate(duration);
    }, interval);
}

参考资料：
https://www.w3.org/TR/vibration/

版权声明：本文为博主原创文章，未经博主允许不得转载。

： » 使用JavaScript实现手机的震动