JavaScript与jQuery实战教程（第3版）

作者简介

卢淑萍，女，广东科学技术职业学院副教授，移动应用开发专业副主任，信息系统项目管理师，三次作为第一负责人带领团队参加教学能力大赛获广东省一等奖，参加国赛遴选1次，主持省级精品在线开放课程1门，参与建设国家级精品课程1门，省级精品课程2门，指导学生获得省级技能竞赛一等奖2项，二等奖3项。

内容简介

第3章 JavaScript对象编程 学习目标 （1） 理解JavaScript中的对象。 （2） 掌握JavaScript的Date、Math、String 等对象。 （3） 掌握JavaScript的数组声明以及使用方法 。 （4） 掌握正则表达式的属性和方法。 （5） 掌握自定义对象的使用方法。 JavaScript是一种基于对象的语言，它支持3种对 象： 内置对象、用户自定义对象以及浏览器对象。常 用的内置对象包括Date对象、Math对象、String对象 、Array对象及RegExp对象等。下面将介绍常用内置对 象的属性和方法及如何使用JavaScript的内置对象。 任务3.1实现京东秒杀效果 在各大电商平台，常常能看到秒杀活动，下面以京 东平台为例，每天固定时间开展不同商品的秒杀，6~8 点为8点场，后面每隔两小时做一场秒杀，每场时长两 小时，直到晚上0点结束，如图31所示。 图31京东秒杀效果 科技创新给人们的生活带来了很多便利，通过电商 平台足不出户就可以买到生活必需品，各电商平台也常 常开展秒杀活动，不仅惠及普通百姓，也提高商家的商 品销量，达到双赢效果。京东平台每天就有固定场的秒 杀，这个特效的实现可以通过以下4个步骤完成。 (1) 完成如图31所示京东秒杀页面设计，标识显 示时间的位置。 (2) 定义函数，使用日期和时间对象获取客户端时 间，并设置场次结束时间。 (3) 根据时间差换算成时、分、秒。 (4) 使用定时函数，每隔1秒重新调用一次函数。 日期和时间对象(Date对象)主要提供了获取和设置 日期与时间的方法，JavaScript中提供了两个定时器函 数： setTimeout()和setInterval()。 3.1.1Date对象的创建 要使用Date对象，必须先使用new运算符创建它， Date对象的构造函数通过可选的参数，可生成过去、现 在和将来的Date对象，创建Date常见方式有3种。 1. 不带参数 var myDate=new Date(); 创建一个含有系统当前日期和时间的Date对象变量 myDate。 2. 创建一个指定日期的Date对象 var myDate=new Date("2022/10/01"); 使用代表日期和时间的字符串创建一个特定日期的 Date对象，上述语句创建了2022年10月1日的Date变量 myDate。 3. 创建一个指定时间的Date对象 var myDate=new Date(2022, 6, 1, 10, 30, 本书内容来源于真实工作任务，并且对接1+X“Web前端开发”证书，配套资源丰富（PPT、教学案例、操作视频、案例素材、教案、授课计划、拓展资源和课后练习答案），自第1版出版以来受到全国超百所院校认可，第2版为“十三五”职业教育国家规划教材。