使用JS让手机震动

来源:互联网 发布:timedelta python 编辑:程序博客网 时间:2024/06/10 04:48

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

HTML

 <div class="shock">        按我手机会震动 </div>

CSS

 .shock{       font-size: 15px;       font-weight: bold;       color: red;   }

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]);     });   }

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

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

0 0
原创粉丝点击