Вибрации — лучший способ обеспечить физическую обратную связь с пользователями для любых действий, в основном для мобильных пользователей. Например, при отображении предупреждающего сообщения или оповещения, при получении сообщения или уведомления и т. д.
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([]);
Попробуйте эти мощные коды и посмотрите на них в действии (попробуйте на мобильном устройстве).
Вам также может понравиться
- JavaScript Fetch API для выполнения HTTP-запросов
- Объект JavaScript Set для хранения уникальных значений
- Генератор функций в JavaScript
- Геттеры и сеттеры JavaScript
- 20+ приемов кодирования в JavaScript
Спасибо, что уделили время :)
Амитав Мишра
Больше контента на plainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку здесь.