투케이2K

90. (javascript/자바스크립트) navigator vibrate 사용해 브라우저 내에서 모바일 디바이스 기기 진동 기능 실행 (Android 지원) 본문

JavaScript

90. (javascript/자바스크립트) navigator vibrate 사용해 브라우저 내에서 모바일 디바이스 기기 진동 기능 실행 (Android 지원)

투케이2K 2021. 7. 9. 15:54

/* =========================== */

[ 개발 환경 설정 ]

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

/* =========================== */

[소스 코드]

 

    <script>

        /*
        [JS 요약 설명]
        1. navigator.vibrate : 브라우저 내에서 모바일 디바이스 기기 진동을 발생시킬 수 있습니다
        2. 참고 : IOS 모바일 기기 (사파리 등 웹브라우저) 에서는 진동 기능이 동작하지 않습니다 (지원 안함)
        */

        
        /* [진동 수행 실시 함수] */     
        function callVibrate() {
            console.log("");
            console.log("[callVibrate] : [start]");
            console.log("");    

            // 네비게이션 사용해 진동 메소드 선언
            navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;                    

            if (navigator.vibrate) {
                console.log("");
                console.log("[callVibrate] : [working]");
                console.log("");

                navigator.vibrate(2000); // 진동 수행 1000 = 1초   
                // navigator.vibrate(0); // 진동 정지              
            }
            else {
                console.log("");
                console.log("[callVibrate] : [not working]");
                console.log("");
                alert("진동을 지원하지 않는 디바이스입니다 ....");
            }
        };
                
    </script>

/* =========================== */

/* =========================== */

[요약 설명]

/*

[JS 요약 설명]

1. navigator.vibrate : 브라우저 내에서 모바일 디바이스 기기 진동을 발생시킬 수 있습니다

2. 참고 : IOS 모바일 기기 (사파리 등 웹브라우저) 에서는 진동 기능이 동작하지 않습니다 (지원 안함)

*/

/* =========================== */

반응형
Comments