JavaScript手机振动API

JavaScript手机振动API可以在移动设备上实现震动控制，让手机产生震动效果。本攻略将详细介绍如何使用JavaScript实现手机振动。

导入API

要使用JavaScript的手机振动API，需要使用Vibration API，该API基于Promise对象，包含两个方法：vibrate()和cancelVibration()。

要使用Vibration API，可以使用以下代码导入：

navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;

使用API

有两种方式使用Vibration API：

第一种，使用vibrate()方法来实现对手机的震动控制，语法如下：

navigator.vibrate(duration);

其中duration参数是一个数组，代表手机的震动时间和停止时间。例如：

navigator.vibrate([200, 100, 200, 100, 200]);

这个例子表示最初的200毫秒手机会震动，接着停止100毫秒，然后在震动200毫秒，以此类推。

第二种，使用cancelVibration()方法来停止手机的震动，语法如下：

navigator.vibrate(0);

示例

以下是两个示例，说明如何实现一个基本的震动效果：

示例1

在示例1中，我们定义了一个按钮，方法里调用vibrate()方法，使手机震动1秒钟。

HTML代码

<button onclick="vibrate()">点击震动</button>

JavaScript代码

function vibrate() {
  navigator.vibrate(1000);
}

示例2

在示例2中，我们定义了两个按钮，分别设置震动效果是长震动和短震动。当用户点击某个按钮时，会根据按钮的设置，触发相应的震动效果。

HTML代码

<button onclick="vibrate_long()">长震动</button>
<button onclick="vibrate_short()">短震动</button>

JavaScript代码

function vibrate_long() {
  navigator.vibrate([200, 100, 200, 100, 200]);
}

function vibrate_short() {
  navigator.vibrate([100, 50, 100, 50, 100]);
}