博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
《PhoneGap移动应用开发手册》——1.3节调整加速计传感器更新时间间隔
阅读量:6372 次
发布时间:2019-06-23

本文共 1195 字,大约阅读时间需要 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秒)。请读者考虑如何为程序添加一个变量,允许用户通过滑动条或在输入对话框中手动设置时间间隔。

转载地址:http://fcfqa.baihongyu.com/

你可能感兴趣的文章
消除GitHub上的历史记录
查看>>
自学 JAVA 的几点建议
查看>>
第十三天-企业应用架构模式-对象-关系元数据映射模式
查看>>
k8s与HPA--通过 Prometheus adaptor 来自定义监控指标
查看>>
虎牙直播在微服务改造方面的实践和总结
查看>>
怎样将优酷网站下载的视频KUX转MP4格式
查看>>
MongoDB 分组统计
查看>>
二进制状态码
查看>>
Vue 中 CSS 动画原理
查看>>
关于 Promise 的 9 个提示
查看>>
算法复习
查看>>
安卓中高级开发面试知识点之——缓存
查看>>
Java的初始化顺序
查看>>
js 判断回文字符串
查看>>
shields小徽章是如何生成的?以及搭建自己的shield服务器
查看>>
猫头鹰的深夜翻译:spring事务管理
查看>>
记一次使用Spring REST Docs + travis + github自动生成API接口文档的操作步骤(下)...
查看>>
1、集合 2、Iterator迭代器 3、增强for循环 4、泛型
查看>>
关于/var/run/docker.sock
查看>>
SCrapy爬虫大战京东商城
查看>>