tkd55/vibrate_JS.md

## vibrate_JS.md

      
    Raw
  

              vibrate_JS.md
            
          
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <button id="vibration-btn">vibration</button>

    <script type="text/javascript">
    (function(w, d){
        document.getElementById('vibration-btn').addEventListener('click', function(){
            
            var x = 100;
            var pattern = [2,2,1,1,1,1,2,2,4,4,2,2,6];
            var vibPattern = [];
            for(var cnt = 0, len = pattern.length; cnt < len; cnt++){
                vibPattern[cnt] = x * pattern[cnt];
            }

            if( navigator.mozVibrate ){
                // パターンでバブレーションを鳴らす
                navigator.mozVibrate(vibPattern);

                // 5秒間のバブレーションを鳴らす
                navigator.mozVibrate(5000);
            }
            else if(navigator.webkitVibrate){
                navigator.webkitVibrate(vibPattern);
                navigator.webkitVibrate(5000);
            }
            else if(navigator.vibrate){
                navigator.vibrate(vibPattern);
                navigator.vibrate(5000);
            }

        }, false);
    })(window, window.document)

    </script>
</body>
</html>