html5教程-PhoneGap-----Accelerometer

发布时间:2018-12-18 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了html5教程-PhoneGap-----Accelerometer脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

Everything in the code!!!!


[html]
<!DOCTYPE html> 
<head> 
<title>Acceleration Example</title> 
<script type="text/javascript" charset="utf-8" src="cordova.js"></script> 
<script type="text/javascript" charset="utf-8"> 
    var watchID = null; 
    document.addEventListener("deviceready",onDeviceReady,false); 
     
    function onDeviceReady() 
    { 
        startWatch(); 
    } 
     
    function startWatch() 
    { 
        var options = {frequency:3000}; 
        watchID = navigator.accelerometer.watchAcceleration(onSuccess,onError,options); 
    } 
     
    function stopWatch() 
    { 
        if(watchID) 
        { 
            navigator.accelerometer.clearWatch(watchID); 
            watchID = null; 
        } 
    } 
     
    function onSuccess(acceleration) 
    { 
        var element = document.getElementById('accelerometer'); 
        element.innerHTML = 'Acceleration X: ' + acceleration.x + '<br />' + 
                            'Acceleration Y: ' + acceleration.y + '<br />' + 
                            'Acceleration Z: ' + acceleration.z + '<br />' + 
                            'Timestamp: '      + acceleration.timestamp + '<br />'; 
    } 
     
    function onError() 
    { 
        alert('oooops!'); 
    } 
     
</script> 
</head> 
<body> 
    <p id="accelerometer">Waiting for accelerometer...</p> 
    <button onClick="stopWatch();">Stop Watching</button> 
</body> 
</html> 

<!DOCTYPE html>
<head>
<title>Acceleration Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
    var watchID = null;
 document.addEventListener("deviceready",onDeviceReady,false);
 
 function onDeviceReady()
 {
  startWatch();
 }
 
 function startWatch()
 {
  var options = {frequency:3000};
  watchID = navigator.accelerometer.watchAcceleration(onSuccess,onError,options);
 }
 
 function stopWatch()
 {
  if(watchID)
  {
   navigator.accelerometer.clearWatch(watchID);
   watchID = null;
  }
 }
 
 function onSuccess(acceleration)
 {
  var element = document.getElementById('accelerometer');
  element.innerHTML = 'Acceleration X: ' + acceleration.x + '<br />' +
                      'Acceleration Y: ' + acceleration.y + '<br />' +
       'Acceleration Z: ' + acceleration.z + '<br />' +
       'Timestamp: '      + acceleration.timestamp + '<br />';
 }
 
 function onError()
 {
  alert('oooops!');
 }
 
</script>
</head>
<body>
    <p id="accelerometer">Waiting for accelerometer...</p>
    <button onClick="stopWatch();">Stop Watching</button>
</body>
</html>


 

Everything in the code!!!!


[html]
<!DOCTYPE html> 
<head> 
<title>Acceleration Example</title> 
<script type="text/javascript" charset="utf-8" src="cordova.js"></script> 
<script type="text/javascript" charset="utf-8"> 
    var watchID = null; 
    document.addEventListener("deviceready",onDeviceReady,false); 
     
    function onDeviceReady() 
    { 
        startWatch(); 
    } 
     
    function startWatch() 
    { 
        var options = {frequency:3000}; 
        watchID = navigator.accelerometer.watchAcceleration(onSuccess,onError,options); 
    } 
     
    function stopWatch() 
    { 
        if(watchID) 
        { 
            navigator.accelerometer.clearWatch(watchID); 
            watchID = null; 
        } 
    } 
     
    function onSuccess(acceleration) 
    { 
        var element = document.getElementById('accelerometer'); 
        element.innerHTML = 'Acceleration X: ' + acceleration.x + '<br />' + 
                            'Acceleration Y: ' + acceleration.y + '<br />' + 
                            'Acceleration Z: ' + acceleration.z + '<br />' + 
                            'Timestamp: '      + acceleration.timestamp + '<br />'; 
    } 
     
    function onError() 
    { 
        alert('oooops!'); 
    } 
     
</script> 
</head> 
<body> 
    <p id="accelerometer">Waiting for accelerometer...</p> 
    <button onClick="stopWatch();">Stop Watching</button> 
</body> 
</html> 

<!DOCTYPE html>
<head>
<title>Acceleration Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
    var watchID = null;
 document.addEventListener("deviceready",onDeviceReady,false);
 
 function onDeviceReady()
 {
  startWatch();
 }
 
 function startWatch()
 {
  var options = {frequency:3000};
  watchID = navigator.accelerometer.watchAcceleration(onSuccess,onError,options);
 }
 
 function stopWatch()
 {
  if(watchID)
  {
   navigator.accelerometer.clearWatch(watchID);
   watchID = null;
  }
 }
 
 function onSuccess(acceleration)
 {
  var element = document.getElementById('accelerometer');
  element.innerHTML = 'Acceleration X: ' + acceleration.x + '<br />' +
                      'Acceleration Y: ' + acceleration.y + '<br />' +
       'Acceleration Z: ' + acceleration.z + '<br />' +
       'Timestamp: '      + acceleration.timestamp + '<br />';
 }
 
 function onError()
 {
  alert('oooops!');
 }
 
</script>
</head>
<body>
    <p id="accelerometer">Waiting for accelerometer...</p>
    <button onClick="stopWatch();">Stop Watching</button>
</body>
</html>


 

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! html5教程,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的html5教程-PhoneGap-----Accelerometer全部内容,希望文章能够帮你解决html5教程-PhoneGap-----Accelerometer所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:HTML