基于考勤管理系统样本.doc

摘 要

伴随互联网技术不停发展和计算机性能不停提升，用户享受互联网方法也开始不停改变，越来越多应用能够直接以浏览器打开方法使用，数据则是存放在云端，愈加安全可靠，方便用户共享数据。在多种应用不停趋于愈加网络话同时，一个新技术标准也随之产生，那就是HTML5（HTML是一个标识语言也是一个标准，互联网开发居于此）。HTML5是近十年来Web（互联网）标准最巨大飞跃，和以前版本不一样，HTML5并非仅仅用来表示Web内容，它使命是将Web带入一个成熟应用平台，在这个平台上，视频、音频、图象和动画，和同电脑交互全部被标准化。也就是说HTML5是经过开放技术和标准来实现一个无插件模式富用户端，这个用户端能够在移动终端、PC（个人计算机）或其它能够有网络地方轻松运行。所以此时研究HTML5，而且大胆实践有着关键意义。
本文完成了一个基于HTML5 Geolocation API考勤管理系统软件设计和实现。本文研究工作关键是利用软件工程原理，对这个系统进行需求分析、设计、代码实现和测试。
本文前两部分介绍了课题背景和相关技术。在第三部分需求分析中，以用例模型为工具，分析了本系统功效需求和非功效需求。第四部分介绍了本系统设计和实现，是本文关键，全部内容全部是围绕这个专题来展开叙述。在这一部分中，具体介绍了基于基于HTML5 Geolocation API考勤管理系统软件设计、实现和各个过程中存在问题和处理方法。本文第五部分，完成了对该应用测试，并列出了在测试过程中发觉部分不足。最终介绍了HTML5 Geolocation 应用前景展望。
经过对基于Html5 Geolocation考勤管理系统开发过程介绍，能够了解到一个HTML5应用开发过程。多年来，因为HTML5 Geolocation定位快速崛起，针对HTML5应用开发将有着宽广前景。

【关键词】 HTML5 Geolocation 考勤

ABSTRACT
With the continuous development of Internet technology and computer performance continues to increase, users have begun to enjoy the way the Internet is constantly changing, more and more applications can be opened directly in the browser's use of the data is stored in the cloud, more safe, reliable, user-share data. In a variety of applications continue to become more networks of the session and a new technical standards attendant that HTML5 (HTML is a markup language is a standard, Internet development living here). HTML5 is the decade Web (Internet) Standard greatest leap, and previous versions, HTML5 is not just used to represent Web content, its mission is to bring a mature Web application platform, on this platform, video , audio, images and animations, as well as interaction with the computer have been standardized. That HTML5 is through open technologies and standards to achieve a free plug-in model rich client, the client can be in the mobile terminal, PC (personal computer) or any other place where the network can be easily run. So in this case study HTML5, and bold practice of great significance.
This completed a HTML5 Geolocation API-based time and attendance management system software design and implementation. The research work is mainly using software engineering principle, this system needs analysis, design, code and test.
The first two parts of this article describes the background and related technical issues. In the third part of the demand analysis, use case model as a tool to analyze the functional requirements of the system and non-functional requirements. The fourth section describes the design and implementation of this system is the focus of this article, all content is around this theme to expand discussed. In this section, described in detail based on HTML5 Geolocation API attendance management system software design, implementation, and various process problems and solutions. The fifth part of this article, complete the application of the test, the testing process and lists some of the deficiencies found. Finally introduces HTML5 Geolocation application prospect.
By Html5 Geolocation based attendance management system development process is described, you can learn a HTML5 application development process. In recent years, the rapid rise of HTML5 Geolocation positioning for HTML5 application development will have a broad prospect.

【Key words】 HTML5 Geolocation attendance

目 录

前 言 - 1 -
第一章 绪论 - 2 -
第一节 课题研究背景 - 2 -
第二节 课题研究目标和意义 - 2 -
第二章 相关技术分析和介绍 - 4 -
第一节 HTML5 - 4 -
一、HTML5介绍 - 4 -
二、HTML5 Geolocation API 介绍 - 4 -
第二节 HTML5 Geolocation API 使用 - 9 -
一、检验浏览器支持特征 - 9 -
二、位置请求 - 9 -
第三节 开发集成环境 - 13 -
一、C# 介绍 - 13 -
二、系统架构：B/S架构 - 15 -
三、数据库软件：SQL Server - 16 -
第四节 baidu地图 - 17 -
第三章 基于HTML5 Geolocation考勤管理系统需求分析 - 18 -
第一节 概述 - 18 -
一、考勤管理 - 19 -
二、考勤查询 - 19 -
三、公 告 - 19 -
四、考勤报表 - 19 -
五、考勤设置 - 19 -
第三节 非功效性需求 - 20 -
一、环境需求 - 20 -
二、界面需求 - 20 -
三、通用性需求 - 20 -
四、可靠性需求 - 20 -
五、可扩展性需求 - 20 -
六、异常处理 - 20 -
第四节 可行性分析 - 21 -
一、经济可行性分析 - 21 -
二、运行可行性分析 - 22 -
三、法律可行性分析 - 22 -
第五节 本章小结 - 23 -
第四章 基于HTML5 Geolocation考勤管理系统设计 - 24 -
第一节 功效框架设计 - 24 -
一、系统总体结构设计 - 24 -
二、管理员管理模块功效结构 - 24 -
三、其它功效模块 - 25 -
四、业务步骤图 - 26 -
五、E-R图 - 26 -
六、用户管理表实体图及属性 - 28 -
七、考勤查询表实体图及属性 - 28 -
第二节 系统功效具体设计 - 29 -
一、数据库表设计 - 29 -
二、登陆模块设计 - 30 -
第三节 职员角色模块 - 31 -
一、职员登录 - 31 -
二、WEB考勤 - 31 -
三、个人信息 - 32 -
四、考勤统计 - 33 -
五、公告通知 - 33 -
第四节 管理员角色模块 - 34 -
一、考勤管理 - 34 -
二、通知公告 - 37 -
三、人事管理 - 37 -
四、系统设置 - 38 -
第五章 系统维护和改善 - 39 -
第一节 系统测试 - 39 -
一、举例测试 - 39 -
二、测试项目 - 40 -
三、项目测试方法 - 41 -
四、系统优势 - 42 -
结 论 - 43 -
参考文件 - 45 -
附 录 - 46 -
一、关键代码： - 46 -
二、英文原文： - 55 -
三、英文翻译： - 65 -

前 言

伴随互联网不停发展，互联网对大家生活也在不停地改变和加强，大家逐步地已经开始习惯于互联网所带来各类服务和应用，而且享受着它带来便利和丰富。当然伴随互联网基础用户和开发者不停增多，大家不停地去发明和完善它速度也越来越快，不管从技术层面还是商业层面，新模式和方法层出不穷，整个行业新陈代谢不停加速，新应用和新企业不停地挑战着新技术和新模式，因为整个行业存在创业成本很低、技术成本门槛却较高等特点，大企业也不停地推进着新技术，基于此来创建一定技术壁垒，同时基于此建立全新服务和技术。不过毕竟整个互联网是一个开放环境，大家需要一个标准，而不是一家独大竞争下去，这么就一定会失去民心，所以 HTML5 这种愈加新标准和技术体系在不停地革新中发展壮大。
HTML5 是近十年来 Web 标准发展巨大一个跨越，和以前版本相比较，HTML5不仅用来表示 Web 内容，而是将 Web 引入一个比较成熟应用平台，在这个平台上，视频、音频、图象和动画，和标准化和电脑交互。尽管 HTML5 实现还有很长路要走，但 HTML5 正在改变 Web。另外，现在互联网不仅仅是传统意义上面互联网，全部传统应用和模式正在向着愈加移动和便捷发展，大家可能经过手机、平板电脑等各类移动设备来获取信息和使用愈加丰富应用，如物理位置定位信息等新数据采集和多点触控、重力感应等新交互方法应用，未来必将也会改变大家生活方方面面。
HTML5 中也加入了以上各类新元素和功效， 同时也考虑到了非健全人事使用互联网时可能带来问题。 所以， 研究 HTML5 这种技术体系来尝试做部分应用是一个千载难逢机遇，而基于这个变革年代去使用类似技术来发明更多新应用更是能够改变这个世界一次机会。
该课题是基于 HTML5 来做一个最好实践， 完成之前不可能使用 WEB 技术来完成功效，性能照比之前技术体系要高出很多，而且有足够前瞻性和创新性。互联网和其它行业最大区分就是这是一个创新驱动而且快速改变行业，一个新技术可能就会发明出新应用、新商业模式，该课题是基于 HTML5 技术在 Web 环境中实现一个考勤系统，经过使用 HTML5中 Geolocation来实现实时性，这无疑是对最新技术一次最好实践和学习，也是对自己能力一次历练。

第一章 绪论

伴随互联网技术和信息技术日益成熟，人类社会开始进入信息时代。信息时代到来给社会生活各个方面带来了巨大改变，这些改变一样也影响到了网络办公平台建设。信息技术和信息系统几乎渗透到了网络办公每一个细节，对网络办公平台各个层次均产生了不容忽略影响。

第一节 课题研究背景

伴随计算机技术飞速发展，计算机在管理中广泛应用，利用计算机实现基于HTML5 geolocation考勤管理势在必行。对于基于HTML5 geolocation考勤管理来说，其中会员管理等是在随时改变。利用计算机支持完成基于HTML5 geolocation考勤管理事务，是适应该代企业制度要求必需条件。然而基于HTML5 geolocation考勤管理是一项繁琐而又细致工作，通常不许可犯错，计算机进行管理工作，不仅能够确保信息查对正确无误，而且还能够利用计算机对多种信息进行有效统计处理。基于HTML5 geolocation考勤管理系统能够为管理员和用户提供充足信息和快捷查询手段。使用计算机对基于HTML5 geolocation考勤进行管理，帮助用户愈加紧捷应用电脑搜寻所需相册信息，这些优点能够极大地提升查询效率，同时，这也是移动用户服务管理科学化、正规化管理和和世界优异管理技术接轨关键条件。
所以，建立起高效基于HTML5 geolocation考勤管理系统，能真正提升信息应用效益。

第二节 课题研究目标和意义

基于HTML5 geolocation考勤管理实质是信息技术高效处理，以计算机为基础现代信息处理产生和发展，正是基于HTML5 geolocation考勤管理现代化客观要求。伴随计算机在中国普遍应用，越来越多基于HTML5 geolocation考勤管理者意识到基于HTML5 geolocation考勤管理系统对管理本身发展关键作用，投入大量人力、物力、财力进行基于HTML5 geolocation考勤管理系统建设。
现代科技飞速发展，基于HTML5 geolocation考勤管理系统处理从根本上能够为更多管理者降低多方面经济资源，在实际操作上也是提升用户和管理效率捷径，能够很好地做到基于HTML5 geolocation考勤管理信息有效共享和协同。能够说，有效基于HTML5 geolocation考勤管理系统是实现良好整合关系关键确保。

第二章 相关技术分析和介绍

第一节 HTML5

一、HTML5介绍
HTML标准从1999年12月公布HTML4.01后，后继HTML5和其它标准被束之高阁，为了推进Web标准化运动发展，部分企业联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group（Web超文本应用技术工作组 -WHATWG）组织。WHATWG 致力于 Web 表单和应用程序，而W3C（World Wide Web Consortium，万维网联盟）专注于XHTML2.0。在 年，双方决定进行合作，来创建一个新版本 HTML。
HTML5草案前身名为 Web Applications 1.0，于被WHATWG提出，于被W3C接纳，并成立了新 HTML 工作团体。HTML 5 第一份正式草案已于1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已经含有了一些 HTML5 支持。12月17日，万维网联盟（W3C）正式宣告凝结了大量网络工作者心血HTML5规范已经正式定稿。依据W3C讲话稿称：“HTML5是开放Web网络平台奠基石。”
支持Html5浏览器包含Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等；中国傲游浏览器（Maxthon），和基于IE或Chromium（Chrome工程版或称试验版）所推出360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器一样含有支持HTML5能力。

二、HTML5 Geolocation API 介绍
地理位置（Geolocation）是HTML5关键特征之一，提供了确定用户位置功效，借助这个特征能够开发基于位置信息应用程序。
1、HTML5 Geolocation API 使用概述
HTML5 Geolocation API使用方法。请求一个位置信息，假如用户同意，浏览器返回该位置信息，该位置是经过HTML5地理定位功效底层设备（比如：笔记本电脑和手机）提供给浏览器。位置由经度、纬度坐标和其它元素数据组成。有这些位置数据信息构建出位置感知类应用程序。
2、位置数据信息
位置信息由纬度、经度坐标和部分其它元数据组成。比如北京故宫位置信息关键由一对纬度和经度坐标组成：纬度：北纬 39.9，经度：东经 116.4。
经纬度坐标有两种表示方法：十进制格式（比如 39.9）和 DMS（Degree Minute Second，角度）格式（比如 39 ° 54 ′ 20 ″）。HTML5 Geolocation API 返回坐标格式为十进制格式。除了纬度和经度坐标，HTML5 Geolocation 还提供位置坐标正确度。除此之外，它还会提供其它部分元数据，比如海拔、海拔正确度、行驶方向和速度等，具体情况取决于浏览器所在硬件设备。
3、位置信息起源及比较
HTML5 Geolocationa API 不指定设备用哪种底层技术来定位应用程序用户。它只用于检索位置信息API，而且经过该API检索到数据只含有某种程度正确性。它并不确保设备返回实际位置是正确。
位置信息通常从以下数据源取得：
（1）IP 地址
（2）三维坐标
（3）GPS（Global Positioning System，全球定位系统）
（4）Wi-Fi
（5）手机信号
（6）用户自定义数据
它们各有优缺点如表 1.1 所表示，为了确保更高正确度，很多设备使用多个数据源组合方法。
IP地址地理定位数据。以前，基于IP地址地理定位是获取位置唯一方法，其返回位置信息通常并不靠谱。基于IP地理位置定位方法是：自动查找用户IP地址，然后检索其注册物理地址。所以，假如用户地址是ISP提供，位置就会由服务器供给商物理地址决定，而地址可能距离用户数千米。
GPS地理定位数据。能看到天空地方，GPS就能够提供正确定位结果。GPS定位是经过地球周围多个卫星GPS卫星信号实现。GPS定位时间比较长，所以不适合快速对应应用程序。
Wi-Fi地理定位数据。基于Wi-Fi地理定位信息是经过三角距离计算得出，三角距离指是用户目前位置到已知多个Wi-Fi（大多是在城市）接入点距离。和GPS不一样是，Wi-Fi在室内也很正确。
手机地理定位数据。基于手机地理定位信息是经过用户到部分基站三角距离确定位置结果。常常和Wi-Fi和基于GPS地理定位信息结合使用。
用户自定义地理定位数据。除去经过编程计算出用户位置外，也能够经过用户自定义其位置。应用程序能够许可用户输入她们地址、邮政编码和其它部分相关位置具体信息。应用程序经过这些数据信息来提供位置感知服务。

表 1.1 位置信息获取方法对比
数据源
优点
缺点
IP 地址
任何地方全部可用
在服务器端处理
不正确（常常犯错，通常正确到城市级）
运算代价大
GPS
很正确
定位时间长，耗电量大
室内效果差
需要额外硬件设备支持
Wi-Fi
正确
可在室内使用
简单、快捷
在乡村这些 Wi-Fi 接入点少地域无法使用
手机信号
相当正确
可在室内使用
简单、快捷
需要能够访问手机或其 modem 设备
用户自定义
可取得比程序定位服务更正确位置数据
用户自行输入可能比自动检测愈加快
可能很不正确，尤其是当用户位置变更后

4、浏览器支持情况
各个浏览器对 HTML5 Geolocation 支持程度不一样，而且还在不停更新中。在 HTML5 全部功效中，HTML5 Geolocation 是第一批被全部接收和实现功效之一，相关规范已经达成一个很成熟阶段，不大可能做太大改变。如表 2.2 所表示，很多浏览器已经支持 HTML5 Geolocation：

表 2. 2 浏览器对 HTML5 Geolocation 支持情况
浏览器
支持情况
Firefox
3.5 及以上版本支持
Chrome
在带有 Gears 第 2 版 Chrome 中被支持
Internet Explorer
经过 Gears 插件支持
Opera
在版本 10 中支持
Safari
在版本 4 中支持以实现在 iPhone 上可用

5、隐私机制
HTML5 Geolocation 规范提供了一套保护用户隐私机制。只有得到用户许可，否者不可获取用户地理位置。
这个合理隐私机制一样解释了用户一直对HTML5应用程序中难题。从HTML5 Geolocation例子中能够看到，通常会激励用户共享这些信息。比如：用户在咖啡厅喝咖啡，假如应用程序能够让她们得悉该咖啡店周围商店在打折，那么用户就能够共享她们位置信息是完全能够接收。
其中步骤以下：
（1）用户浏览器打开应用程序位置感应程序。
（2）应用程序WEB页面加载，经过Geolocation 函数调用请求。浏览器拦截请求，请求用户授权。假如同意继续实施，不然停止。
（3）浏览器从宿主设备中检索坐标信息。比如：IP地址，Wi-Fi或GPS坐标。浏览器内部含有功效。
（4）浏览器将坐标发送给受信任外部定位服务，返回一个具体位置信息，病将该位置发回给HTML5 Geolocation 应用程序。
6、隐私机制触发
触发访问使用HTML5 Geolocation API页面时，会触发隐私保护机制。下图显示了在Firefox3.5中触发隐私保护机制页面：

图2.1在Firefox3.5中触发隐私保护机制页面：

程序调用HTML5 Geolocation代码时后出发这一机制。仅仅添加HTML5 Geolocation 代码，而不被任何方法调用，则不会触发隐私保护机制。只要所添加HTML5 Geolocation代码被实施，浏览器就会提醒应用程序需要共享她们位置。实施HTML5 Geolocation 方发很多，如调用navigation.geolocation.getCurrentPostion方法等。
第二节 HTML5 Geolocation API 使用

本小节具体讨论HTML5 Geolocation API 使用方法。经过创建一个简单浏览器页面，让读者愈加了解其使用方法。

一、检验浏览器支持特征
在调用HTML5 Geolocation API 函数前，需要确保支持所要完成工作。在目前浏览器不支持时候就能够提供部分替换文本，以提醒用户升级所用浏览器或安装插件来增强现有浏览器功效，以下代码是浏览器检验一个路径。
清单1. 检验浏览器支持特征：
function testSupport() {
if (navigator.geolocation) {
document.getElementById(“support”).innerHTML = "支持 HTML5 Geolocation。";
} else {
document.getElementById(“support”).innerHTML =
"该浏览器不支持 HTML5 Geolocation ！提议升级浏览器或安装插件（如 Gears）。";
}
}
在此例子中，testSupport函数测试了浏览器支持情况，该函数功效是在调用该函数时候假如存在地理定位对象，navigator.geolocation) 调用将返回该函数对象，不然触发错误。页面上会依据检测结果显示支持情况提醒信息。

二、位置请求
在 HTML5 Geolocation 功效中，位置请求有两种：
单次定位请求
反复性位置更新请求
1、单次位置请求
在很多应用中，只检索或请求一次用户位置即可。比如前面提到，午餐时间到了，要查询用户周围餐馆特色菜及其价格和评论，就能够使用清单 2 所表示 HTML5 Geolocation API。
清单 2. 单词定位请求 API
Void getCurrentPosition(in PositionCallback successCallback,
in optional PositionErrorCallback errorCallback,
in optional PositionOptions options );
该函数调用具体分析。
首先，因这个函数是经过navigatar.geolocation对象调用。所以在本代码中需要爱获取次对象。因确保有一个后备函数，来对应不支持HTML5 Geolocation 情况。
这个函数接收一个必选参数和两个可选参数。
函数参数successCallback为浏览器指明位置数据可用时应调用函数。因为像获取位置数据这么操作可能需要长时间才能完成，所以这个参数很关键。没有用户期望在检索位置时浏览器被锁定，也没有开发人员期望她程序无限期暂停（尤其是要成功取得位置信息，常常必需等候用户许可）。successCallback是收到实际位置信息并进行处理地方。
跟绝大多数编程场景一样，最好提前准备犯错处理。位置信息请求很可能因为部分不可控原因失败，对于这些情况，你可能需要提供一个用于跟用户解释或提醒其重试successCallback函数。即使此函数时可选，不过提议选择。
最终，options对象能够调整HTML5 Geolocation()javaScript函数，它使用最新位置数据更新页面内容。一样地，也创建了一个handleLocationError()函数来处理错误情况。接下来，我们将研究这些函数细节，而请求访问用户位置关键代码以下所表示：
Navigator.geolocation.getCurrentPosition(updateLocation,handleLocationionError);
updateLocation()函数
updateLocation()函数是做什么呢？实际上很简单。只要浏览器含有访问位置信息条件，就会调用updateLocation()函数，该函数只接收一个参数：位置对象。这个对象包含坐标（corrds特征）和一个获取位置数据时时间戳。在实际开发中不一定需要时间戳，关键位置全部包含在了coords特征中。
坐标总是有多个特征，不过浏览器和用户硬件设备会决定这些特征值是全部有意义。以下是
三个特征：
（1）latitude(纬度)
（2）Longitude(经度)
（3）accuracy(正确度)
毋庸置疑，这些特征数据时必需。Latitude和longitude将包含HTML5 Geolocation服务测定得到最好十进制用户位置。
Accurarcy将以m为制订纬度和经度值和实际位置间差距，置信度为95%。局限于HTML5Geolocation实现方法，位置只能粗略近似值。在展现返回值钱请一定要检验返回值正确度。假如推荐所谓“附件”鞋店，其实要花费用户几小时旅程，可能会产生意想不到后果。
坐标还有部分其它特征，不能确保浏览器全部为其提供支持，但假如不支持就会返回null:
Latitude — 用户位置海拔高度，以m 为单位;
altitudeAccuracy — 海拔高度正确度，也是以m为单位，假如不支持altitude特征也会返回null;
Heading — 行进方向，相对于正北而言；
Speed — 地面速度，以m/s为单位。
除非确定用户设备能够访问这些信息，不然提议应用程序不要过于依靠它们。全球定位设备可能提供这种细节信息，而网络三角定位则不会。
现在，让我们了解一下updateLocation()函数实现代码（参见代码清单3），该函数依据坐标信息实施具体更新操作。
清单 3. updateLocation（）函数
function updateLocation(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var accuracy = position.coords.accuracy;
document.getElementById(“纬度”).innerHTML = latitude;
document.getElementById(“经度”).innerHTML = longitude;
document.getElementById(“正确度”).innerHTML = accuracy + “米”;
}
清单 3 给出了 updateLocation() 函数常见实现代码，该函数依据坐标信息实施具体更新操作：用取得位置信息分别更新 HTML 页面上三个空间元素文本。
可选参数 handleLocationError 为浏览器指明犯错处理函数。位置信息请求可能因为部分不可控原因失败，这时，您需要在这个函数中提供对用户解释。幸运是，该 API 已经定义了全部需要处理错误情况错误编号。错误编号 code 设置在错误对象中，错误对象作为 error 参数传输给错误处理程序。这些错误编号有：
UNKNOWN_ERROR (0)：不包含在其它错误编号中错误，需要经过 message 参数查找错误具体信息。
PERMISSION_DENIED (1)：用户拒绝浏览器取得其位置信息。
POSITION_UNVAILABLE (2)：尝试获取用户信息失败。
TIMEOUT (3)：在 options 对象中设置了 timeout 值，尝试获取用户位置超时。
在这些情况下，您能够通知用户应用程序运行出了什么问题，如清单 4 所表示
清单 4. 使用错误处理函数
function handleLocationError(error) {
switch (error.code) {
case 0:
updateStatus(“尝试获取您位置信息时发生错误：” + error.message);
break;
case 1:
updateStatus(“用户拒绝了获取位置信息请求。”);
break;
case 2:
updateStatus(“浏览器无法获取您位置信息。”);
break;
case 3:
updateStatus(“获取您位置信息超时。”);
break;
}
}
可选参数 options 对象能够调整 HTML5 Geolocation 服务数据搜集方法。该对象有三个可选参数：
enableHighAccuracy：假如开启该参数，浏览器会开启 HTML5 Geolocation 服务高正确度模式，这将造成机器花费更多时间和资源来确定位置，应谨慎使用。默认值为 false；
timeout：单位为 ms，告诉浏览器获取目前位置信息所许可最长时间。假如在这个时间段内未完成，就会调用错误处理程序。默认值为 Infinity，即无穷大（无限制）；
maximumAge：以 ms 为单位，表示浏览器重新获取位置信息时间间隔。默认值为 0，这意味着浏览器每次请求时必需立即重新计算位置。
使用可选参数 options 更新我们位置请求，让其包含一个使用 JSON 对象表示可选参数，以下所表示：
清单 5. 包含 options 更新位置请求
navigator.geolocation.getCurrentPosition(updateLocation, handleLocationError, {timeout: 10000});
这个调用告诉 HTML5 Geolocation，当获取位置请求处理时间超出 10s（10000ms）时触发错误处理程序，这时，error code 应该是 3。
3、反复性位置更新请求
有时候，仅获取一次用户位置信息是不够。比如用户正在移动，伴随用户移动，页面应该能够不停更新显示周围餐馆信息，这么，所显示餐馆信息才对用户有意义。幸运是，HTML5 Geolocation 服务设计者已经考虑到了这一点，应用程序能够使用以下 API 进行反复性位置更新请求，当监控到用户位置发生改变时，HTML5 Geolocation 服务就会重新获取用户位置信息，并调用 updateLocation() 函数处理新数据，立即通知用户。
清单 6. 反复性位置更新请求 API
void watchPosition(updateLocation, optional handleLocationError, optional options);
这个函数参数跟前面提到 getCurrentPosition 函数参数一样，不再反复介绍。
关闭更新也很简单，假如应用程序不需要再接收用户位置更新消息，只需要使用 clearWatch() 函数。
清单 7. watchPosition 和 clearWatch 使用
var