《PhoneGap移动应用开发手册》——1.3节调整加速计传感器更新时间间隔

本节书摘来自异步社区《PhoneGap移动应用开发手册》一书中的第1章,第1.3节调整加速计传感器更新时间间隔,作者 【英】Matt Gifford,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.3 调整加速计传感器更新时间间隔
PhoneGap移动应用开发手册
getCurrentAcceleration函数只是获取当它被调用的那个时间点的加速计数据,一次调用返回一个响应对象。本例中将设计一个程序可以设定时间间隔以从加速计持续获取其更新,以监视设备的持续运动。

实现步骤
通过对PhoneGap API中的一个可用方法提供另外的参数以设置更新时间间隔。

(1)首先,创建HTML初始化框架,并添加需要脚本文件cordova-2.0.0.js的引用。


05dc71571273aabad96797df9f768c9c8aa58f9d

(5)创建startWatch函数。首先,创建options变量存放可选的frequency参数,将其值设置为3000毫秒(3秒)。

(6)设置两个按钮来控制加速计监视的开始和停止,将其设置其初始属性disabled。

(7)接下来,将watchAcceleration赋给之前定义的watchID变量,这样便可以查看其值以确认它是否仍被设置为null。

(8)像定义成功调用以及错误处理函数名称一样,同样将包含frequency值的options变量传送到函数调用。


32ac41c45a51f2df595be67b5c1905daa9225806

(9)startWatch函数完成后,需要提供一个函数停止加速计的监测。该函数先检测watchID的值,若非空,就调用clearWatch函数停止对加速计的监测,提取watchID的值并将该变量置为null。

(10)引用 accelerometer div 元素并将其值设置为一个用户友好的消息。

(11)接下来,重新指定两个控制按钮的 disabled 属性,使得用户能够再次开始监视。


ecc9639e7765747a13958a9678042c1f2b5df233

(14)最后添加两个按钮元素,并都具有onClick属性,用于开始或停止对设备加速计的监视。


c13670572333772f0efda6479ed1e0725a867a48

实现原理
通过注册deviceready事件的侦听事件确保了本地PhoneGap代码未执行之前不运行JavaScript代码。PhoneGap一旦准备就绪,调用startWatch函数,在该函数中设定加速计更新时间间隔。

PhoneGap API中的WatchAcceleration函数在指定的时间间隔,获取设备当前的加速度数据。如果没有设置时间间隔,默认为10000毫秒(10秒)。每次获取到更新信息,onSuccess方法将对获取的数据进行处理,并将之显示到屏幕上。

watchID变量包含监视时间间隔,通过将其传递给PhoneGap API中的clearWatch函数可以实现停止监视。

相关内容
本例中,加速计更新时间间隔frequency值被设置为3000毫秒(3秒)。请读者考虑如何为程序添加一个变量,允许用户通过滑动条或在输入对话框中手动设置时间间隔。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值