首页前端开发HTMLPhoneGap-----Accelerometer

PhoneGap-----Accelerometer

时间2024-01-26 11:42:03发布访客分类HTML浏览967
导读:收集整理的这篇文章主要介绍了html5教程-PhoneGap-----Accelerometer,觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。 E...
收集整理的这篇文章主要介绍了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教程,巧夺天工,精雕玉琢。小宝典献丑了!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

divHTMLpost-format-gallery

若转载请注明出处: PhoneGap-----Accelerometer
本文地址: https://pptw.com/jishu/586714.html
提高HTML5 Canvas性能的技巧 html5 worker 实例 图片变换

游客 回复需填写必要信息