振动 API 演示(Vibration API)
仅 移动端 有效,注意要关闭静音模式,才能体验!
点击按钮开始
源代码:
<h3>(仅 移动端 有效,注意要关闭静音模式,才能体验!)</h3>
<button onclick="run(200)">短震 200ms</button>
<button onclick="run([500,110,500,110,450,110,200,110,170,40,450,110,200,110,170,40,500])">马里奥节奏</button>
<button onclick="run(0)">停止</button>
<div id="log" style="margin-top:20px; color:blue">点击按钮开始</div>
<script>
function run(p) {
//判断是否存在 API
if (!navigator.vibrate) return document.getElementById('log').innerText = "此设备不支持震动";
const success = navigator.vibrate(p); // 执行动作:p 为数字是单次震动,为数组是模式震动,为 0 是停止
document.getElementById('log').innerText = success ? (p === 0 ? "已停止" : "📳 正在震动...") : "调用失败(需用户点击触发)";
}
</script> 个人卡片
独元殇
Web 前端爱好者,河南安阳人,罕见RH阴型血 B 型。INTJ 。
Motto:一切优秀特质,最终都可以归结为勇敢。怕死就不能真正活着。
Motto:一切优秀特质,最终都可以归结为勇敢。怕死就不能真正活着。
特朗普型搜索
骄傲的作品展示
最新评论
-
LLLullaby 4 天前
很用心的文章与分析!
-
2broear 5 天前
好好好
-
读者 8 天前
写的真好!
-
2broear 9 天前
没有队列池一旦多任务出现,都是灾难性后果
-
2broear 12 天前
@独元殇:热度蹭起来
-
独元殇 12 天前
@2broear:好建议,上个月注册了一...
-
2broear 12 天前
高产,你应该注册个公众号去发发
-
hh 17 天前
@独元殇:大佬文章对我很有启发,感谢
-
独元殇 17 天前
@Lvtu:哈哈,一天一篇,养成习惯就不...
-
Lvtu 17 天前
最近很勤快呀。。。
-
书签网 22 天前
写的非常不错
-
Lvtu 23 天前
有坏处,其实也有好处。。。
-
GoodBoyboy 24 天前
vibe coding拯救我的期末课设哈...
-
独元殇 25 天前
@Lvtu:第一个文件,其实是 Clau...
-
Lvtu 26 天前
能一下子想到第一个代码中84行所有的文字...
-
独元殇 29 天前
@Lvtu:哈哈,其实这个没有必要。当年...
-
Lvtu 29 天前
其实我好想好想把我网站上的bootstr...
-
GoodBoyboy 1 个月前
mark了
-
独元殇 1 个月前
@2broear:如果前年我能看到这个公...
-
2broear 1 个月前
哥飞的东西,有程序基础确实可以试,但周期...
-
2broear 1 个月前
css变量还有一个counter,可以结...
-
独元殇 1 个月前
@黑桃三:嘿嘿 o( ̄▽ ̄)d
-
黑桃三 1 个月前
学习时刻
-
大致 1 个月前
@独元殇:到2020年是16年,到今年是...
-
独元殇 1 个月前
@Lvtu:哈哈,明后天试试再整几个~
-
独元殇 1 个月前
@大致:确实,STL 一直向天书发展。写...
-
大致 1 个月前
std::views::filter是C...
-
Lvtu 1 个月前
有几个在用了,确实好用。。。
-
威言威语 1 个月前
不少小技巧之前都有用过。
-
独元殇 1 个月前
@2broear:是的,其实我感觉,浏览...
-
2broear 1 个月前
overscroll-behavior好...
-
GoodBoyboy 1 个月前
毕竟机器读的是机器码(doge
-
独元殇 1 个月前
@大致:jsp 那不就是 Java 吗?
-
大致 1 个月前
说的都对,但是jsp不至于连个提名都没有...
-
独元殇 1 个月前
@AI留学专家菊叔:这么夸张!
-
AI留学专家菊叔 1 个月前
我现在已经改变工作模式了,所有的comm...
-
独元殇 1 个月前
@吃猫的鱼:没错!引用权威数据 + 名人...
-
独元殇 1 个月前
@springwood:light-da...
-
吃猫的鱼 1 个月前
最后这个引用很有意思,正好呼应了,是想把...
-
springwood 1 个月前
这些新的 CSS 特性不支持其他浏览器吧...
分类
存档
链接
标签
最新文章
热门文章
访客信息
微信公众号

