关键词

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]);
}

本文链接:http://task.lmcjl.com/news/10917.html

展开阅读全文