这个功能真的很神奇,但是前提是你的手机支持这个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]);这句话有必要解释一下,中括号里面的值标示“”[震动时间,停止时间,震动时间,停止时间………..]“”。没有错就是这种规律,简单明了。