My Space

반응형

소스 코드

....
<button type="button" onclick="vibrate()" > 진동 시작 </button> <br />
<button type="button" onclick="vibratearray()" > SOS 진동 시작 </button> <br />
<button type="button" onclick="stop()" > 진동 중지 </button>
</body>
</html>

<script type="text/javascript">
// 작동되는 진동 메소드가 다르므로 통합
navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;

function vibrate() {
    if (navigator.vibrate) {
        navigator.vibrate(20000); // 진동을 울리게 한다. 1000ms = 1초
    }
    else {
        alert("진동을 지원하지 않는 기종 입니다.");
    }
}

function vibratearray() {
    if (navigator.vibrate) {
        // 배열로도 가능하다. 진동은 SOS 모스부호
        navigator.vibrate([100,30,100,30,100,200,200,30,200,30,200,200,100,30,100,30,100]);
    }
    else
    {
        alert("진동을 지원하지 않는 기종 입니다.");
    }
}

function stop() {
    navigator.vibrate(0);
}

</script>

'Development > JSP, JS, JQUERY' 카테고리의 다른 글

console.log(), console.dir() 차이  (2) 2021.09.12
getElementBy~ , querySelector 차이 (링크)  (0) 2021.09.12
jsp 내장객체(참고 링크)  (0) 2021.08.16
SPA와 여러 방식  (0) 2021.04.29
use strict(바닐라 js)  (0) 2021.04.19

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading