JS使用setInterval实现的简单计时器功能示例


Posted in Javascript onApril 19, 2018

本文实例讲述了JS使用setInterval实现的简单计时器功能。分享给大家供大家参考,具体如下:

使用setInterval实现计时,并且满60秒向分钟进一,满60分钟向小时进一。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>3water.com JS计时器</title>
    <script>
      window.onload = function(){
      var mm = 0;
      var ss = 0;
      var str = '';
      var timer = setInterval(function(){
      str = "";
      if(++ss==60)
      {
      if(++mm==60)
      {
      mm=0;
      }
      ss=0;
      }
      str+=mm<10?"0"+mm:mm;
      str+=":";
      str+=ss<10?"0"+ss:ss;
      document.getElementById("d").innerHTML = str;
      },1000);
      };
    </script>
  </head>
  <body>
  <div id="d"></div>
  </body>
</html>

运行结果:

JS使用setInterval实现的简单计时器功能示例

Javascript 相关文章推荐
jquery事件机制扩展插件 jquery鼠标右键事件。
Dec 26 Javascript
JavaScript高级程序设计(第3版)学习笔记9 js函数(下)
Oct 11 Javascript
js操作textarea 常用方法总结
Dec 03 Javascript
Javascript Memoizer浅析
Oct 16 Javascript
javascript关于运动的各种问题经典总结
Apr 27 Javascript
一个php+js实时显示时间问题
Oct 12 Javascript
在AngularJS框架中处理数据建模的方式解析
Mar 05 Javascript
Jquery表单验证失败后不提交的解决方法
Oct 18 Javascript
Vue的移动端多图上传插件vue-easy-uploader的示例代码
Nov 27 Javascript
javascript回调函数详解
Feb 06 Javascript
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
JavaScript布尔运算符原理使用解析
May 06 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 #Javascript
详解react-redux插件入门
Apr 19 #Javascript
vuex state及mapState的基础用法详解
Apr 19 #Javascript
使用vuex的state状态对象的5种方式
Apr 19 #Javascript
react redux入门示例
Apr 19 #Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 #Javascript
使用typescript开发angular模块并发布npm包
Apr 19 #Javascript
You might like
php 修改zen-cart下单和付款流程以防止漏单
2010/03/08 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
php之static静态属性与静态方法实例分析
2015/07/30 PHP
php实现的数组转xml案例分析
2019/09/28 PHP
IE7提供XMLHttpRequest对象为兼容
2007/03/08 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
Script标签与访问HTML页面详解
2014/01/10 Javascript
简单分析javascript面向对象与原型
2015/05/21 Javascript
JQuery实现超链接鼠标提示效果的方法
2015/06/10 Javascript
jQuery自动添加表单项的方法
2015/07/13 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
2016/12/14 Javascript
javascript 中select框触发事件过程的分析
2017/08/01 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
2017/08/17 Javascript
axios的拦截请求与响应方法
2018/08/11 Javascript
微信小程序结合mock.js实现后台模拟及调试
2019/03/28 Javascript
ES2020 已定稿,真实场景案例分析
2020/05/25 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
python计算书页码的统计数字问题实例
2014/09/26 Python
python 不以科学计数法输出的方法
2018/07/16 Python
使用Python制作自动推送微信消息提醒的备忘录功能
2018/09/06 Python
在Python中os.fork()产生子进程的例子
2019/08/08 Python
python 中的[:-1]和[::-1]的具体使用
2020/02/13 Python
Python + selenium + crontab实现每日定时自动打卡功能
2020/03/31 Python
python 穷举指定长度的密码例子
2020/04/02 Python
详解CSS3中常用的样式【基本文本和字体样式】
2020/10/20 HTML / CSS
澳大利亚家居用品零售商:Harris Scarfe
2020/10/10 全球购物
小学生新学期寄语
2014/01/19 职场文书
特色蛋糕店创业计划书
2014/01/28 职场文书
广告学毕业生求职信
2014/01/30 职场文书
《月亮湾》教学反思
2014/04/14 职场文书
2014年工程工作总结
2014/11/25 职场文书
2014年房地产销售工作总结
2014/12/01 职场文书
门市房租房协议书
2014/12/04 职场文书
nginx结合openssl实现https的方法
2021/07/25 Servers
python数字图像处理之图像的批量处理
2022/06/28 Python