2014沈理网页时间特效.docVIP

目录 1 成绩评定表 2 2课程设计任务书 3 3正文 5 3.1 程序设计目的 5 3.2 程序的总体设计 5 3.2.1 万年历的设计 5 3.2.2 JavaScript时钟 5 3.2.3 连连看的设计 6 4.1 程序的关键技术 6 4.1.1 万年历的关键技术 6 4.1.2 JavaScript时钟的关键技术 7 4.1.3 连连看的关键技术 8 4.1.4 javascript对象表 8 5.1 程序流程图 9 5.1.1 万年历的流程图 9 5.1.2 JavaScript时钟的流程图 9 5.1.3 连连看的流程图 9 6.1 主要程序 10 6.1.1 万年历的主要程序 10 6.1.2 JavaScript时钟的主要程序 14 6.1.3 连连看的主要程序 17 7.1 程序运行结果 28 7.1.1 万年历程序的结果 28 7.1.2 JavaScript时钟程序的运行结果 28 7.1.3 连连看程序的运行结果 29 8心得体验及参考文献 29 4 参考文献 30 1 成绩评定表 学生姓名 班级学号 专业 电子信息工程 课程设计题目 基于JavaScript的网页时间特效设计和连连看 评 语 组长签字： 成绩 日期 2014年月日 2课程设计任务书 学 院 信息学院 专 业 电子信息工程 学生姓名 班级学号 课程设计题目 基于JavaScript的网页时间特效设计和连连看 实践教学要求与任务: 基于JavaScript设计网页，网页可以在IE中运行（设置成允许脚本访问）。实现如下时间特效 1.万年历 有了一个电子万年历，就不用翻看日历了，本例是使用JavaScript内置的时间对象，获取相关的值，通过巧妙的页面设计，显示出了一个万年日历。 2.JavaScript时钟 通过JavaScript能够创建出时钟效果。本例主要原理是需要构建时钟的布局，以及根据当前时间，动态的改变创建时钟的指针位置。这是一个完全用JavaScript实现的时钟，结合了数学函数来实现精确定位，没有使用任何的图片。 3．运用Java的相关方法编程实现游戏连连看，并通过运行程序得出结果 工作计划与进度安排: 第19周：布置课程设计任务，查阅资料，分组设计，程序调试。 第20周：程序调试，编写课程设计报告，验收，答辩。 指导教师： 2014年 月 日 专业负责人： 2014年 月 日 学院教学副院长： 2014年 月 日 3正文 3.1 程序设计目的 万年历，就不用翻看日历了，学会运用JavaScript制作网页，熟练掌握java的运用程序；学习相关方法，并熟练掌握及运 用去调试和得出结果。 通过JavaScript能够创建出时钟效果。本例主要原理是需要构建时钟的布局，以及根据当前时间，动态的改变创建时钟的指针位置。这是一个完全用JavaScript实现的时钟，结合了数学函数来实现精确定位，没有使用任何的图片。 Java语言是当今流行的网络编程语言，它具有面向对象、跨平台、分布应用等特点。面向对象的开发方法是当今世界最流行的开发方法，它不仅具有更贴近自然的语义，而且有利于软件的维护和继承。 学会Java程序开发的环境搭建与配置，并在实际运用中学习和掌握Java程序开发的全过程。进一步熟悉掌握Java程序设计语言的基础内容，如用户图形界面设计、Java多线程编程、Applet程序的设计、文件和网络输入输出流编程、Java数据库编程等。通过亲自动手写程序，一方面拓展知识面，一方面锻炼调试能力。 3.2 程序的总体设计 3.2.1 万年历的设计 万年历是输入当前时间就能显示现在的相关时间，计算出该年是不是闰年，在判断是该年的几月，几日，是不是特殊日 程序采用head..../head部分的脚本来实现万年历的定义。通过body..../body设计程序主体 采用 div..../div 标记对来实现层的定义。 最终通过function函数实现程序 3.2.2 JavaScript时钟 时钟主要原理是需要构建时钟的布局，以及根据当前时间，动态的改变创建时钟的指针位置。这是一个完全用JavaScript实现的时合了数学函数来实现精确定位，没有使用任何的图片。 程序采用head..../head部分的脚本来实现 JavaScript时钟的定义。通过body..../body设计程序主体 采用 div..../div 标记对来实现层的定义。最终通过function函数实现程序 3.2.3