html5特效 手机震动,html5 可以让用户按一下手机键盘手机震动一下吗

本文介绍如何利用HTML、CSS和JavaScript在网页上创建一个功能,点击特定按钮时触发设备震动。通过JavaScript的Vibration接口,实现对手机震动的支持,适合前端开发者学习和实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML

按我手机会震动

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]);这句话有必要解释一下,中括号里面的值标示“”[震动时间,停止时间,震动时间,停止时间………..]“”。

有用请采纳! 谢谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值