成品图如意下所示:

实现加到等于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);

谢谢观看,有大佬路过指点指点意见

最新文章

  1. 说一说javascript跨域和jsonp
  2. wordpress电子商务插件和主题的使用方法
  3. 新版Retrofit 2可运行例子(解决Could not locate ResponseBody converter for问题)
  4. 将搜狗词库.scel格式转化为.txt格式
  5. servlet/jsp GET/POST
  6. 一个自己做的easyui datagird扩展
  7. 第二十章 数据访问(In .net4.5) 之 使用LINQ
  8. 网络流(最大流) HDU 1565 方格取数(1) HDU 1569 方格取数(2)
  9. 1305: Substring
  10. 学习笔记-echarts点击数据添加跳转链接
  11. c++ 中lambda
  12. dos.orm的事务处理
  13. class类 __repr__ 与__str__
  14. php中使用sphinx搜索引擎
  15. Android使用Glide加载https链接的图片不显示的原因
  16. STM32串口usart发送数据
  17. qhfl-1 跨域
  18. mysql之完整性约束
  19. MyBatis分页
  20. valgrind- 内存泄漏-how to install and use

热门文章

  1. Java面试题总结之OOA/D,UML,和XML
  2. ArcGIS中Shapefile和Geodatabase坐标容差的问题
  3. weblogic负载分发
  4. struts2 自己定义表单
  5. 如何在Win7 x64上的配置32位的PostgreSQL ODBC数据源
  6. 【APUE】用户态与内核态的区别
  7. [机房合作]—SqlHelper我们又约了
  8. Android双向seekbar(带刻度)
  9. JSONObjectWithData方法里options參数选择解释
  10. 在Oracle数据库中使用NFS,怎样调优?