웹사이트 내에서 진동울리기 javascript 활용 website vibration

스마트폰으로 웹사이트를 볼때, 웹사이트 코드에서 스마트폰의 진동을 울리게 할 수 있습니다

navigator 객체가 제공하는 vibrate 기능을 이용하면 됩니다. 

<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>

<button type="button" onclick="vibrate()" > 진동 시작 </button> <br />

<button type="button" onclick="vibratearray()" > SOS 진동 시작 </button> <br />

<button type="button" onclick="stop()" > 진동 중지 </button>

아래 사이트를 참조하였습니다

https://blog.supersu.kr/computer/js/webpage-vibrate-javascript