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 相关文章推荐
use jscript with List Proxy Server Information
Jun 11 Javascript
javascript 继承实现方法
Aug 26 Javascript
Jquery颜色选择器ColorPicker实现代码
Nov 14 Javascript
javascript trim函数在IE下不能用的解决方法
Sep 12 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
Mar 17 Javascript
基于javascript实现tab切换特效
Mar 29 Javascript
JQuery validate插件Remote用法大全
May 15 Javascript
微信小程序中用WebStorm使用LESS
Mar 08 Javascript
React-router v4 路由配置方法小结
Aug 08 Javascript
vue 封装 Adminlte3组件的实现
Mar 18 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中MD5函数使用实例代码
2008/06/07 PHP
Linux下 php5 MySQL5 Apache2 phpMyAdmin ZendOptimizer安装与配置[图文]
2008/11/18 PHP
如何利用php array_multisort函数 对数据库结果进行复杂排序
2013/06/08 PHP
PHP简单数据库操作类实例【支持增删改查及链式操作】
2016/10/10 PHP
PHP中模糊查询并关联三个select框
2017/06/19 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
js运动框架_包括图片的淡入淡出效果
2013/05/11 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
2013/06/26 Javascript
javascript模拟订火车票和退票示例
2014/04/24 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
jQuery实现进度条效果代码
2015/12/17 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
2016/07/22 Javascript
使用jQuery调用XML实现无刷新即时聊天
2016/08/07 Javascript
怎么使用javascript深度拷贝一个数组
2019/06/06 Javascript
js实现一个简易计算器
2020/03/30 Javascript
javascript设计模式之装饰者模式
2020/01/30 Javascript
node+multer实现图片上传的示例代码
2020/02/18 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
2020/11/04 Javascript
Python利用Beautiful Soup模块搜索内容详解
2017/03/29 Python
Python实现字符串反转的常用方法分析【4种方法】
2017/09/30 Python
python list元素为tuple时的排序方法
2018/04/18 Python
解决python3 HTMLTestRunner测试报告中文乱码的问题
2018/12/17 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
Python中生成一个指定长度的随机字符串实现示例
2019/11/06 Python
filter使用python3代码进行迭代元素的实例详解
2020/12/03 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
大学毕业感言200字
2014/03/09 职场文书
产品质量承诺范本
2014/03/31 职场文书
职业生涯规划书前言
2014/04/15 职场文书
我有一个梦想演讲稿
2014/05/05 职场文书
2014年国庆节活动总结
2014/08/26 职场文书
四风查摆问题及整改措施
2014/10/10 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
详解Go语言Slice作为函数参数的使用
2021/07/02 Golang
MySQL 原理优化之Group By的优化技巧
2022/08/14 MySQL