JavaScript实现计时器
来源:互联网 发布:snmp用php编程实现 编辑:程序博客网 时间:2024/05/22 00:09
第一次写文章,很多不足地方还请多多海涵。下面将带领大家实现一个JS计时器,首先看下效果图
首先添加了一个<span/>用于显示时间,两个<input>为一个"开始计时","停止计时"按钮。绑定了两个点击事件,具体函数下面一一实现。代码如下图
接下来就是实现计时功能的逻辑代码,首先定义了一个名为getTime()的函数,该函数通过JS自带Date()函数用于获取当前的小时,分钟,秒的时间。为了符合实际情况,对当前获取到的时间,进行计算,如果时间小于10,则拼接成10位字符串。代码如下:
OK,上面时间已经获取到,接下来我们准备为计时器复制,并且开始自动计时功能。setTimer()是赋值。startTimer()通过setInterval(func,time)表示 每隔一秒调用一次setTimer()函数,以此实现计时器的刷新
接下来,需要我们停止计时通过调用clearInterval()函数,停止计时器。
最后在附上div的css样式
阅读全文
1 0
- javascript实现计时器
- Javascript 实现的计时器
- JavaScript实现简易计时器
- javaScript实现计时器
- JavaScript实现计时器
- JavaScript实现计时器
- JavaScript实现的计时器和倒计时器
- javascript实现的倒计时计时器
- JavaScript实现动画计时器代码!!!
- JavaScript实现动态计时器/源码
- Javascript计时器的实现(未测试)
- javascript计时器
- javascript计时器
- JavaScript计时器
- JavaScript计时器
- javascript计时器
- javascript 计时器
- JavaScript计时器
- SQL之自己还没来得及看的提纲(以及sqlmap的使用教程简单)
- SpringBoot中使用Swagger生成RESTful规范API文档
- [Tensorflow] convolution卷积 && pooling池化
- interrupt()方法
- linux下gcc编译静态库和动态库
- JavaScript实现计时器
- SSM之Spring学习笔记(2)
- volatile关键字
- 自己理解接口回调入门
- Go基础编程:复合类型—数组
- Swing中的Action接口
- python groupby
- S04表达式
- PAT