Dhairya Shah
Dhairya Shah's Blog

Dhairya Shah's Blog

Vibrating your phone with JavaScript ๐Ÿ“ฑ

Vibrating your phone with JavaScript ๐Ÿ“ฑ

Dhairya Shah's photo
Dhairya Shah
ยทMay 28, 2022ยท

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Table of contents

  • Navigator.vibrate()
  • Conclusion

In this article we are going to vibrate mobile phones with JavaScript Vibration API.

JavaScript is an amazing language

Navigator.vibrate()

The navigator.vibrate method pulses the vibration hardware on the device if such device is compatible. If device is not compatible, no effect will take place.

The method works in the following structure,

navigator.vibrate(pattern)

So, this was a little explanation on the navigator.vibrate method. Now let's deal with some easy examples.

Examples

const vibrate = () => {
  window.navigator.vibrate([500])
}

This will vibrate the hardware for 500ms.

const vibrateTwoTimes = () => {
  window.navigator.vibrate([200, 100, 200])
}

In this example, vibration will occur two times for 200ms with a gap of 100ms.

Conclusion

I hope you have found this article useful. Thank you for reading!

Let's Connect

ย 
Share this