JavaScript手机振动API可以在移动设备上实现震动控制,让手机产生震动效果。本攻略将详细介绍如何使用JavaScript实现手机振动。
要使用JavaScript的手机振动API,需要使用Vibration API,该API基于Promise对象,包含两个方法:vibrate()和cancelVibration()。
要使用Vibration API,可以使用以下代码导入:
navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;
有两种方式使用Vibration API:
第一种,使用vibrate()方法来实现对手机的震动控制,语法如下:
navigator.vibrate(duration);
其中duration参数是一个数组,代表手机的震动时间和停止时间。例如:
navigator.vibrate([200, 100, 200, 100, 200]);
这个例子表示最初的200毫秒手机会震动,接着停止100毫秒,然后在震动200毫秒,以此类推。
第二种,使用cancelVibration()方法来停止手机的震动,语法如下:
navigator.vibrate(0);
以下是两个示例,说明如何实现一个基本的震动效果:
在示例1中,我们定义了一个按钮,方法里调用vibrate()方法,使手机震动1秒钟。
HTML代码
<button onclick="vibrate()">点击震动</button>
JavaScript代码
function vibrate() {
navigator.vibrate(1000);
}
在示例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