javascript - PhoneGap 显示加速度计值

标签 javascript jquery html mobile cordova

我正在使用phonegap获取加速度计的值并打印它,但我不知道如何在主体中显示它。我也在使用 JQuery。此代码取自 Cordova (PhoneGap) 网站上的加速计示例。

<!DOCTYPE html>
<html>
  <head>
    <title>Acceleration Example</title>

    <script type="text/javascript" charset="utf-8" src="cordova-1.7.0.js"></script>
    <script type="text/javascript" charset="utf-8">

    // Wait for Cordova to load
    //
    document.addEventListener("deviceready", onDeviceReady, false);

    // Cordova is ready
    //
    function onDeviceReady() {
        navigator.accelerometer.getCurrentAcceleration(onSuccess, onError);
    }

    // onSuccess: Get a snapshot of the current acceleration
    //
    function onSuccess(acceleration) {
        alert('Acceleration X: ' + acceleration.x + '\n' +
              'Acceleration Y: ' + acceleration.y + '\n' +
              'Acceleration Z: ' + acceleration.z + '\n' +
              'Timestamp: '      + acceleration.timestamp + '\n');
              document.writeln(
              'Acceleration X: ' + acceleration.x + '\n' +
              'Acceleration Y: ' + acceleration.y + '\n' +
              'Acceleration Z: ' + acceleration.z + '\n' +
              'Timestamp: '      + acceleration.timestamp + '\n');
    }

    // onError: Failed to get the acceleration
    //
    function onError() {
        alert('onError!');
    }

    </script>
  </head>
  <body>
    <h1>Example</h1>
    <p>getCurrentAcceleration</p>
  </body>
</html>

最佳答案

在 HTML 标记中,使用此代码。

<p id="ax"></p>
<p id="ay"></p>
<p id="az"></p>

以及 JavaScript 代码中的 onSuccess(acceleration) 函数。你应该使用这个命令

document.getElementById("ax").innerHTML = acceleration.x;
document.getElementById("ay").innerHTML = acceleration.y;
document.getElementById("az").innerHTML = acceleration.z;

或者像这样使用 jQuery

$("ax").html(acceleration.x);
$("ay").html(acceleration.y);
$("az").html(acceleration.z);

关于javascript - PhoneGap 显示加速度计值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10662719/

相关文章:

javascript - 使用一个函数来改变条件内的东西,使条件依赖于顺序,这是不好的做法吗?

javascript - 如何显示两个水平滚动菜单栏

Jquery 点击函数 -

html - href 属性可以出现在 HTML 文档的什么地方?

javascript/angularjs - 淡出

javascript - 如何访问 ES6 风格的 Angular Controller 中的作用域变量?

javascript - 如何使用 JavaScript 或 HTML 下载文本文件 onclick

javascript - 给出错误的Jquery冲突

jquery - Android 横向显示的页面内容不可见

html - 无法修复 : 'og:image' property should be explicitly provided,,即使可以从其他标签推断出一个值