在定时器中调用 lap 函数

Question

我已经为这个问题困扰了一段时间，我有一个计时器，当我调用 Stopwatch.start();、Stopwatch.stop(); 或 Stopwatch.reset(); 它工作得很好但是当我试图调用 Stopwatch.lap(); 它不工作！

我以前有答案，但现在我有一台新电脑和类似的东西，我不能调用这个函数。控制台显示 "Uncaught TypeError: Stopwatch.lap is not a function"，我找不到问题。

这是我的代码：

var Stopwatch = {
init: function(elem, options) {

    var timer       = createTimer(),
            startButton = createButton("start", start),
        stopButton  = createButton("stop", stop),
        resetButton = createButton("reset", reset),
            lapButton   = createButton("lap", lap),
            lapSpan     = createTimer(),
        offset,
        clock,
        interval;

    options = options || {};
    options.delay = options.delay || 1;

    elem.appendChild(timer);
    elem.appendChild(startButton);
    elem.appendChild(stopButton);
    elem.appendChild(resetButton);
    elem.appendChild(lapButton);
    elem.appendChild(lapSpan);

    reset();

    function createTimer() {
        return document.createElement("span");
    }

    function createButton(action, handler) {
        var a = document.createElement("a");
        a.href = "#" + action;
        a.innerHTML = action;
        a.addEventListener("click", function(event) {
            handler();
            event.preventDefault();
        });
        return a;
    }

    function start() {
        if (!interval) {
            offset = Date.now();
            interval = setInterval(update, options.delay);
        }
    }

    function stop() {
        if (interval) {
            clearInterval(interval);
            interval = null;
        }
    }

    function lap() {
            lapSpan.innerHTML=timer.innerHTML;
        }

    function reset() {
        clock = 0;
        render(0);
                lap();
    }

    function update() {
        clock += delta();
        render();
    }

    function render() {
        timer.innerHTML = clock / 1000;
    }

    function delta() {
        var now = Date.now(),
        d = now - offset;

        offset = now;
        return d;
    }

        this.getTime=function() {
            return clock;
        }

    this.start = start;
    this.stop = stop;
    this.reset = reset;
}
};
var elems;
window.onload=function() {
   elems = document.getElementsByClassName("basic");
   for (var i = 0, len = elems.length; i < len; i++) {
       Stopwatch.init(elems[i]);
   }
}

而且我需要在按下指定的键时调用 lap 函数，它看起来像这样：

document.onkeypress = function(e) {
e = e || window.event;
var charCode = e.charCode || e.keyCode,
character = String.fromCharCode(charCode);

if(e.charCode == 98 || e.keyCode == 98) {
    Stopwatch.start();

} else if(e.charCode == 114 || e.keyCode == 114) {
    Stopwatch.lap();

}
};

我最熟悉这个项目中的JavaScript和jQuery，但我也知道HTML和JavaScript。

Answer 1

您需要添加

this.lap = lap;

行后

this.start = start;
this.stop = stop;
this.reset = reset;

Answer 2

您确实在 class/object 中定义了函数，但您忘记添加 this.lap = lap;，因此您可以将其用作 method/property。

应该是：

this.start = start;
this.stop = stop;
this.reset = reset;
this.lap = lap; // this one was missing

在定时器中调用 lap 函数

Call the lap function in timer

javascript

jquery

timer