网站提示危险怎么办广州百度seo排名优化
每5分钟振动5秒是多少秒
用户越来越多地使用智能手机和平板电脑访问网络。 截至2013年12月 ,每五次Web访问中就有一个来自移动设备。 如果您的网站或应用程序支持移动设备,则该数字可能更高。
多种设备的开发面临挑战,但也有台式计算机通常不具备的可能性。 考虑振动机理; 这是一种简单的触觉反馈设备,可以向您发出新消息或电话警报。 在无法听到声音的嘈杂环境中或会分散注意力的安静环境中,此功能特别有用。
如果您可以在应用程序中使用振动,那不是很好吗?…
- 可以使用一种振动来指示步行方向,左振动一次,右振动两次。
- 事件发生或您与某人接近时,手机可能会以某种方式振动。
- 您可以使用基于振动的莫尔斯电码发送秘密消息!
- 当您坠毁或被导弹击中时,振动可以增强游戏的效果。
这正是HTML5振动API允许您执行的操作!
振动还是不振动?
仅仅因为我们可以振动电话,所以我们不应该这样做。 振动会消耗大量电池,因此最好在电量不足或当前选项卡中未激活游戏的情况下禁用振动。 根据您的应用程序,最好提供用户选项,以便他们可以启用,禁用或配置振动标准。
浏览器支持和检测
该API相对较新,并且支持仅限于最新版本的Firefox和Chrome。 早期版本分别需要moz和webkit前缀。 您还应该使用具有振动机制的设备-该API可能会在您的浏览器中提供,但如果没有它,您将不会知道它的工作原理!
使用以下检查来检测振动支持:
if ("vibrate" in navigator) {
// vibration API supported
}
要检查和使用带前缀的版本,可以使用以下代码:
// enable vibration support
navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;
if (navigator.vibrate) {
// vibration API supported
}
振动基础
可以通过将几毫秒传递给navigator.vibrate
来设置基本振动:
// vibrate for one second
navigator.vibrate(1000);
或者,您可以传递带有以毫秒为单位指定的振动和延迟参数的数组。 例如,要振动500毫秒,等待300毫秒,然后再次振动100毫秒:
// vibrate for one second
navigator.vibrate([500, 300, 100]);
偶数数组项定义振动时间(数组基于零,因此第一项和第三项分别为0和2)。 奇数编号的数组项定义延迟时间。
振动无阻塞; 设备振动时,您JavaScript代码将继续运行。 要停止它,可以将零传递给navigator.vibrate
。
这个概念在游戏中可能很有用。 例如,当用户撞车时,可以设置navigator.vibrate(10000)
。 但是,如果崩溃效果在10秒之前结束,则可以将navigator.vibrate(0)
设置为完成。
振动演示
要在您的设备中测试API……
查看振动API演示…
查看所有HTML,CSS和JavaScript的源代码。 表单参数将构建一个数组,单击“开始”时,该数组将传递给navigator.vibrate
。 单击“停止”按钮时, navigator.vibrate(0);
被执行。
体验Vibration API的乐趣,如果您有任何有趣的用途,请告诉我。
翻译自: https://www.sitepoint.com/use-html5-vibration-api/
每5分钟振动5秒是多少秒