Вибрации — лучший способ обеспечить физическую обратную связь с пользователями для любых действий, в основном для мобильных пользователей. Например, при отображении предупреждающего сообщения или оповещения, при получении сообщения или уведомления и т. д.

Vibration API позволяет веб-приложениям получать доступ к вибрационному оборудованию устройства (если оно существует) для создания вибраций. Он предоставляет метод с именем navigator.vibrate() для той же цели.

Метод navigator.vibrate()

Этот метод принимает значение продолжительности вибрации в миллисекундах и заставляет устройство вибрировать в течение этого времени.

navigator.vibrate(500); 
// device will vibrate for 500ms

Vibration API не поддерживается в некоторых браузерах, таких как IE, Opera, Safari и т. д., поэтому перед его использованием лучше проверить поддержку браузера.

if (navigator.vibrate) {
   navigator.vibrate(500);
}

Вибрация по образцу

Метод vibrate() также может принимать в качестве аргумента массив значений. Мы можем указать разные значения того, сколько времени он будет вибрировать, а сколько нет. Он будет вибрировать для значений с четным индексом и останавливаться для значений с нечетным индексом.

navigator.vibrate([320, 200, 320, 1000, 320, 200, 320]);

Здесь он сначала будет вибрировать 320 мс и делать паузу 200 мс, затем снова вибрировать 320 мс и делать паузу 1000 мс и так далее.

Чтобы отменить бегущую вибрацию, мы можем вызвать метод vibrate(), передав 0 или пустой массив в качестве аргумента.

navigator.vibrate(0);
// OR
navigator.vibrate([]);

Попробуйте эти мощные коды и посмотрите на них в действии (попробуйте на мобильном устройстве).

Вам также может понравиться

Спасибо, что уделили время :)
Амитав Мишра

Больше контента на plainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку здесь.