振动 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>