相关疑难解决方法(0)

如何在一个独立运行的页面上创建多个计时器-javascript?

我写了一个计时器对象,其作用类似于秒表(单击一次,计时器启动,再次单击并停止,双击并重置).如果我只激活一个计时器,一切正常.当我激活第二个计时器时,第一个计时器停止工作.当我激活第三个计时器时,第二个计时器停止工作.

我动态创建了每个计时器对象,为每个计时器提供了自己的名称(window [timer1]).但他们不是独立行事.我错过了让计时器对象彼此独立运行的原因是什么?

function Clock() {
  this.element = "";
  this.minute = 0;
  this.toggle = true;
  this.active = false;
  this.startClock = startClock;
  this.stopClock = stopClock;

function startClock() {
  minute = this.minute;
  element = this.element;
  minute = checkTime(minute);
  document.getElementById(element).innerHTML = minute;
  minute++;
  this.minute = minute;
  t=setTimeout(function(){startClock()},1000);
  this.counter = t;
}

function checkTime(i) {
    if (i<10)
    {
      i="0" + i;
    }
  return i;
}

function stopClock() {
  document.getElementById(element).innerHTML = this.minute;
  clearTimeout(t);
}

}

function initClock(ele) {
  value = document.getElementById(ele).innerHTML;

  if (typeof window[ele] == …
Run Code Online (Sandbox Code Playgroud)

javascript oop

2
推荐指数
1
解决办法
5475
查看次数

标签 统计

javascript ×1

oop ×1