La vibración en un dispositivo móvil se ha convertido en algo más importante de lo que parece, pues da retroalimentación física al usuario de lo que está pasando. Puede ser una notificación, un videojuego, incluso en un sitio web gracias a Vibration API (API de vibración).

Para utilizar la API es necesario el método vibrate() y pasar como argumento la duración de la vibración en milisegundos.

const button = document.getElementById("button");

button.addEventListener("click", function() {
	window.navigator.vibrate(1000); // 1s
});

Múltiples vibraciones

Además de un solo valor, el método vibrate() puede recibir un array, representando períodos diferentes de tiempo. Los valores que recibe se van alternando entre hacer vibrar el dispositivo y tomar una pausa.

window.navigator.vibrate([1000, 200, 500])

Esto hace que un dispositivo vibre por 1 segundo, después tome una pausa de 200 ms para volver a vibrar 500 ms.

Fin de la vibración

Para finalizar cualquier patrón de vibración que actualmente esté en curso, hay que pasar un 0 como valor o un array vació [].

window.navigator.vibrate(0);

Recursos