javascript实现的简单计时器

(编辑：jimmy 日期: 2026/11/5 浏览：3 次 )

最近写了很多微信端的互动小游戏，比如下雪花限时点击赢取奖品，限时拼图，限时答题等，都是些限时‘游戏'（其实算不上游戏，顶多算是具有一点娱乐性的小互动而已）

上面出现了4个限时，对，没错，这里记录的就是最近写的 ‘计时器' ...

恩，计时器就一个setInterval 或 setTimeout 即可实现，代码不会超过十行！

但是不防抱着没事找事的心态，来写个能复用的计时器

1.能倒计时也能顺计时

2.复位、暂停、停止，启动功能

//计时器
window.timer = (function(){
  function mod(opt){
    //可配置参数 都带有默认值
    //必选参数
    this.ele = typeof(opt.ele)=='string'"htmlcode">

var timerO_1 = new timer({
      ele : 'BOX1',
      startT : 0,
      endT : 15,
      setStr : function(num){
        return num+'s';
      }
    });
var timerO_2 = new timer({
      ele : 'BOX2',
      startT : 30,
      endT : 0,
      countdown : true,
      step : 500,
      setStr : function(num){
        return num+'s';
      }
    });



这里传入的方法 setStr是计数器计算的当前时间写入ele前的字符串处理
countdown是否为倒计时 默认为顺计时
可以通过 timerO.timeV 来获取当前时间
以上所述就是本文的全部内容了，希望大家能够喜欢。

上一篇：javascript中mouseover、mouseout使用详解
下一篇：javascript中setInterval的用法