분명히이 API를 사용하면 모바일 프로그래머가 JavaScript를 사용하여 전화의 진동 기능을 호출하고 진동의 길과 지속 시간을 설정할 수 있습니다.
진동 API에 대한 브라우저의 지원을 결정하십시오
좋은 습관은 현재 애플리케이션 환경과 브라우저를 사용하기 전에 진동 API를 지원하는지 확인하는 것입니다. 탐지 방법은 다음과 같습니다.
// 표준 ftw! var supportsVibrate = "vibrate"네비게이터;
창에는 진동에 대한 API가 하나뿐입니다 .Navigator 객체 : 진동.
진동 API의 기본 응용
navigator.vibrate 함수는 숫자 매개 변수 또는 숫자 배열을 허용 할 수 있습니다. 배열 매개 변수를 사용하는 경우 홀수 숫자는 진동 초 수이며 짝수 숫자는 대기 초의 수입니다.
// 1 Second Navigator.Vibrate (1000); // 여러 번 진동하는 경우 // 매개 변수는 3 초 동안 진동하고 2 초 동안 기다린 다음 1 초 안비게이터에 진동합니다 ([3000, 2000, 1000]);
진동을 중지하려면 0을 Navigator.Cibrate 메소드 또는 빈 배열로 전달하면됩니다.
// 진동 중지 Navigator.Vibrate (0); Navigator.Vibrate ([]);
Navigator.Cavigator.Cavigator.Cavigate Method는 휴대폰이 루프에서 진동하지 않으면 안됩니다. 매개 변수가 숫자 인 경우 진동은 한 번 후에 발생한 다음 중지됩니다. 매개 변수가 배열 인 경우, 배열의 값에 따라 진동이 진동 한 다음 진동을 중지합니다.
연속 진동
우리는 단순히 setinterval 및 clearinterval 방법을 사용하여 전화를 지속적으로 진동하는 효과를 만들 수 있습니다.
var vibrateinterval; // levelfunction startVibrate (duration) {navigator.vibrate (duration);} // victory function stopVibrate () {// vibrateinterval (vibrateInterval) ClearinterVal (vibrateinterval)을 정지하는 victory function stopVibrate () {// 정지 상태 (VibrateInterval); navigator.vibrate (0);} // 주어진 시간과 간격으로 지속적인 진동 시작 // 숫자 값이 주어진 것으로 가정합니다.위의 코드는 진동 매개 변수가 숫자 인 경우입니다. 매개 변수가 배열 인 경우 총 지속 시간을 계산 한 다음 특성에 따라 루프해야합니다.
진동 API를 사용한 시나리오
이 API는 분명히 휴대 전화 장치를 목표로합니다. 모바일 웹 모바일 애플리케이션을 개발할 때는 좋은 경고 도구 이며이 진동 기능은 웹 게임이나 멀티미디어 응용 프로그램을 개발할 때 필수 불가능하고 우수한 기술입니다. 예를 들어, 사용자가 휴대폰으로 웹 게임을 할 때 게임에서 폭발이 발생하고 전화가 진동 할 때 우수한 사용자 경험이 아닌가?
이 JavaScript 진동 API에 대해 어떻게 생각하십니까? 곧 인기가 될 것이라고 생각하십니까? 아니면 그다지 유용하지 않습니까?