原生javascript实现计时器
2024-08-26 13:39:57
成品图如意下所示:
实现加到等于5的时候停止
搭建HTML结构
minutes:<input type="text" value="0">
seconds:<input type="text" value="0">
开始写javascript代码
var minutesNode = document.getElementsByTagName('input')[0];
var secondsNode = document.getElementsByTagName('input')[1];
var minutes = 0, //设置两个初始值为0
seconds = 0; var timer = setInterval(function(){ //开启定时器
seconds ++; //seconds每10毫秒加1
if(seconds == 60){ //当seconds一直增加到等于60的时候
seconds = 0; //seconds清空等于0
minutes ++; //然后miutes加上1
}
secondsNode.value = seconds; //secods == secondsNode里面的value
minutesNode.value = minutes; //minutes == minutesNode里面的value
if(minutes == 5){ //当minutes一直增加到等于5的时候
clearInterval(timer); //清理定时器,停止运行!!!
}
},10);
谢谢观看,有大佬路过指点指点意见
最新文章
- 说一说javascript跨域和jsonp
- wordpress电子商务插件和主题的使用方法
- 新版Retrofit 2可运行例子(解决Could not locate ResponseBody converter for问题)
- 将搜狗词库.scel格式转化为.txt格式
- servlet/jsp GET/POST
- 一个自己做的easyui datagird扩展
- 第二十章 数据访问(In .net4.5) 之 使用LINQ
- 网络流(最大流) HDU 1565 方格取数(1) HDU 1569 方格取数(2)
- 1305: Substring
- 学习笔记-echarts点击数据添加跳转链接
- c++ 中lambda
- dos.orm的事务处理
- class类 __repr__ 与__str__
- php中使用sphinx搜索引擎
- Android使用Glide加载https链接的图片不显示的原因
- STM32串口usart发送数据
- qhfl-1 跨域
- mysql之完整性约束
- MyBatis分页
- valgrind- 内存泄漏-how to install and use