JavaScript与jQuery实战教程(第2版计算机项目化系列教材)

作者简介

内容简介

第3章 J**aScript对象编程 学习目标 （1） 理解J**aScript中的对象。 （2） 掌握J**aScript的Date、Math、String等 对象。 （3） 掌握J**aScript的数组声明以及使用方法 。 （4） 掌握正则表达式的属性和方法。 （5） 掌握自定义对象的使用方法。 J**aScript是一种基于对象的语言，它支持3种对 象： 内置对象、用户自定义对象以及浏览器对象。常 用的内置对象包括Date对象、Math对象、String对象、 Array对象及RegExp对象等。下面将介绍常用内置对象 的属性和方法及如何使用J**aScript的内置对象。 任务3.1在页面动态显示系统时间 在“我的博客”首页动态显示客户端系统时间，效 果如图31所示。 图31在首页显示动态时钟 在页面动态显示客户端系统时间，可以通过以下步 骤实现。 （1） 完成静态页面设计，标识要显示系统时间 的位置，此例已完成该步骤。 （2） 定义函数，使用*期和时间对象，获取客 户端系统时间。 （3） 给id为time的标签赋值。 （4） 使用定时函数，每隔一秒重新调用一次函 数。 *期和时间对象(Date对象)主要提供了获取和设置 *期与时间的方法。J**aScript中提供了两个定时器函 数： setTimeout()和setInterval()。 3.1.1Date对象的创建 在Web应用中，经常碰到需要处理时间和*期的情 况。J**aScript脚本内置了核心对象Date，该对象可以 表示从毫秒到年的所有时间和*期，并提供了一系列处 理时间和*期的方法。 要使用Date对象，必须先使用new运算符创建它， Date对象的构造函数通过可选的参数，可生成过去、现 在和将来的Date对象，创建Date的常见方式有3种。 （1） 不带参数 var myDate=new Date(); 创建一个含有系统当前*期和时间的Date对象变量 myDate。 （2） 创建一个***期的Date对象 var myDate=new Date("2014/05/01"); 使用代表*期和时间的字符串创建一个特定*期的 Date对象，上述语句创建了2014年 5月1*的Date变量 myDate。 （3） 创建一个**时间的Date对象 var myDate=new Date(2014,6,1,10,30,20,50);