HTML5+CSS3+JavaScript Web前端开发案例教程课件：电子时钟.pptxVIP

电子时钟

案例介绍技术准备案例实现010203

01案例介绍

案例介绍案例名称：网页版电子时钟核心功能：动态显示当前时间

02技术准备

技术准备技术1：Date对象JavaScript的Date对象用于处理日期和时间，获取当前时间需要先实例化Date对象。newDate()

技术准备Date对象提供了两类方法：一类以get为前缀，表示获取时间信息，例如getDay()；另一类以set为前缀，表示设置时间，例如setTime()。

技术准备Date对象常用方法：方法描述getDate()从Date对象返回一个月中的某一天(1~31)getDay()从Date对象返回一周中的某一天(0~6)getFullYear()从Date对象以四位数字返回年份getHours()返回Date对象的小时(0~23)getMinutes()返回Date对象的分钟(0~59)getMonth()从Date对象返回月份(0~11)getSeconds()返回Date对象的秒数(0~59)

技术准备技术2：定时器函数JavaScript提供了两种定时器方法，分别是：setInterval()方法，可按照指定的周期（以毫秒计）来调用函数或计算表达式；setTimeout()方法，用于在指定的毫秒数后调用函数或计算表达式。

技术准备示例代码：//每个3秒钟弹出一次Hello提示setInterval(function(){alert(Hello);},3000);

03案例实现

案例实现文件结构：