编程 Javascript

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实现的简单计时器功能示例

- Author -

包子源

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery学习笔记之DOM对象和jQuery对象

Dec 22 Javascript

js定时器怎么写？就是在特定时间执行某段程序

Oct 11 Javascript

使用jQuery Rotare实现微信大转盘抽奖功能

Jun 20 Javascript

js改变css样式的三种方法推荐

Jun 28 Javascript

javascript replace()第二个参数为函数时的参数用法

Dec 26 Javascript

js 数据存储和DOM编程

Feb 09 Javascript

JS实现的简单图片切换功能示例【测试可用】

Feb 14 Javascript

详解AngularJS脏检查机制及$timeout的妙用

Jun 19 Javascript

JavaScript方法_动力节点Java学院整理

Jun 28 Javascript

在vue中使用express-mock搭建mock服务的方法

Nov 07 Javascript

vue自定义表单生成器form-create使用详解

Jul 19 Javascript

JS实现打字游戏

Dec 17 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