手机版

javascript实现手机震动API代码

时间:2021-09-08 来源:互联网 编辑:宝哥软件园 浏览:

现代浏览器提供的新API往往是手机应用,而不是传统的桌面应用,比如javascript地理位置信息API。另一个只适用于手机应用的JavaScript API是振动)API。很明显,这个API允许移动程序员使用JavaScript调用手机的振动功能,并且可以设置振动模式和持续时间。

判断浏览器是否支持振动API的一个好习惯就是在使用之前先检查一下你当前的应用环境,浏览器是否支持振动API。以下是检测方法:

复制代码如下://Standards ftw!var supportsVibrate=导航器中的“振动”;窗口中只有一个关于振动的window.navigator对象:振动。

振动API的基本应用这个navigator.vibrate函数可以接受数字参数或数字数组。使用数组参数时,奇数为振动秒,偶数为等待秒。

//振动1秒复制代码如下: navigator . vivo(1000);//多次振动//参数为振动3秒,等待2秒,然后振动1秒。复制代码如下:导航器。VIBRE ([3000,2000,1000]);如果你想停止振动,你只需要将0或一个空数组传入导航器。

//停止振动复制代码如下: navigator . vibrant(0);navigator . vibrant([]);需要提醒的是,对navigator.vibrate方法的调用不会导致手机循环振动;当参数为数字时,振动发生一次,然后停止。当参数为数组时,振动会根据数组中的值进行振动,然后停止振动。

连续振动我们可以简单地使用setInterval和clearInterval方法来产生让手机连续振动的效果:

var颤音terval;//在传递的levelfunction startVibrate(持续时间){ navigator.vibrate(持续时间)中开始振动;}//停止振动功能stop vivo(){//清除间隔并停止持续振动if(颤音间隔值)Clear interval(颤音间隔值);navigator.vibrate}//在给定的持续时间和间隔内开始持续振动//假设给定了一个数值函数startPeristentVibrate(持续时间,间隔){颤音terval=setInterval(函数(){ startVibrate(持续时间);},间隔);}以上代码仅适用于振动参数为数字的情况。如果参数是数组,则需要计算其总持续时间,然后根据其特征进行循环。

使用振动)API的场景,显然是针对手机设备的。在开发手机Web应用时,是一个很好的预警工具,而在开发WEB游戏或多媒体应用时,这个震动功能是不可或缺的技术。比如用户用手机玩你的WEB游戏,当游戏爆炸,你让手机震动,是不是用户体验极佳?

你对这个JavaScript振动API有什么感受?你认为它会很快流行起来吗?还是没什么用?

版权声明:javascript实现手机震动API代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。