使用JS让手机震动_js 手机震动

这个功能真的很神奇，但是前提是你的手机支持这个API，否则它的美，你无法亲身体会。

HTML

 <div class="shock">
        按我手机会震动
 </div>
1
2
3
4

CSS

 .shock{
       font-size: 15px;
       font-weight: bold;
       color: red;
   }
1
2
3
4
5

JS

//Vibration接口用于在浏览器中发出命令，使得设备振动。
   function vibration(){
       navigator.vibrate = navigator.vibrate
               || navigator.webkitVibrate
               || navigator.mozVibrate
               || navigator.msVibrate;

       if (navigator.vibrate) {
           // 支持
           console.log("支持设备震动！");
       }
     $(".shock").click(function(){
         alert("1111");
         navigator.vibrate([500, 300, 400,300]);
     });
   }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

这个小功能，首先判断是否支持设备震动，如果震动当点击“” 按我手机会震动“”，手机就会自己动起来了。

navigator.vibrate([500, 300, 400,300]);这句话有必要解释一下，中括号里面的值标示“”[震动时间，停止时间，震动时间，停止时间………..]“”。没有错就是这种规律，简单明了。