没有合适的资源?快使用搜索试试~ 我知道了~
JavaScript是一门非常容易上手的脚本语言,而且工具繁多,功能强大,因为一直做后端的关系,笔者目前也只是略学一点皮毛。 接下来进入正题——计时器。先谈下计时器的功能: 1.计时器要能够在页面上显示时间 2.每秒钟计时器刷新,秒每满60进分钟1,分钟每满60进小时1 3.计时器需要能够重置,也就是重新计时 4.计时结束时,需要能够有获取计时时间的方法 以上功能很简单,计时还应该有暂停、继续计时等功能,没关系,我们一个一个来。 第一步: 我们做一个简单的页面,要有一个现实时间的标签,要有开始、暂停俩按钮,页面绘制如下: 不要为一个页面花太多时间哦,这只是帮助你写写第一段代码练练手~ 第二
资源推荐
资源详情
资源评论


















javascript计时器编写过程与实现方法计时器编写过程与实现方法
JavaScript是一门非常容易上手的脚本语言,而且工具繁多,功能强大,因为一直做后端的关系,笔者目前也只是略学一点皮毛。
接下来进入正题——计时器。先谈下计时器的功能:
1.计时器要能够在页面上显示时间
2.每秒钟计时器刷新,秒每满60进分钟1,分钟每满60进小时1
3.计时器需要能够重置,也就是重新计时
4.计时结束时,需要能够有获取计时时间的方法
以上功能很简单,计时还应该有暂停、继续计时等功能,没关系,我们一个一个来。
第一步:第一步:
我们做一个简单的页面,要有一个现实时间的标签,要有开始、暂停俩按钮,页面绘制如下:
不要为一个页面花太多时间哦,这只是帮助你写写第一段代码练练手~
第二步:第二步:
我们分析下计时器需要哪些属性:
1.计时,需要开始时间
2.结束时间
3.总共走了多长时间,这个属性是要返回给使用者的
4.展示器,其实就是个jquery对象或者dom对象啦,计时是要在一个地方展示的嘛
5.展示时间需要进行拆解,于是我们有小时属性
6.分钟属性
7.秒属性(其实被总时间囊括了,先记上,万一用得到呢)
我们看下代码:
var startTime;//开始时间
var endTime;//结束时间
var timeLength;//总时长
var timeSpan;//计时器走过的时间
var displayer;//时间显示器
var hh=0;//小时
var mm=0;//分钟
var status=0;//计时状态
乍一看好像多了几个属性,因为计时会用到JavaScript的setTimeout方法,该方法会返回一个对象,我们可以利用此对象将setTimeout清除(clearTimeout);
第三步:第三步:
我们分析下计时器需要哪些方法:
1.计时器需要启动,于是我们有开始方法
2.计时器需要停止,于是我们有停止方法,停止后应该告诉使用者计了多长时间,于是应该返回时长
3.计时器还应该有个暂停功能,暂停后,可以在暂停的位置上再次开始计时,暂停也应该返回时长
4.围绕启动停止,还应该有每秒钟计时器的内心活动,类似一个委托方法,美秒执行一次
5.呈现逻辑,我们要讲真正的时间显示给页面上的展示器,并且做一些可读性更好的格式转换
上代码,构造函数:
资源评论

weixin_38683488
- 粉丝: 4
- 资源: 959

上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
已下载
下载帮助

相关资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
