Question

let reset = document.getElementById('reset');
let start = document.getElementById('start');
let pause = document.getElementById('pause');
let seconds = 0;
let timerId;


function updateTime(){
    document.getElementsByTagName('h1')[0].innerHTML=seconds;
    seconds++;}

// start.on('click', setInterval(updateTime, 1000));
start.click(setInterval(updateTime, 1000));

我想点击开始按钮以启动计时器。正如它现在写的那样，当我刷新页面时，我的计时器立即启动，而不是在我点击开始按钮时。代码的最后两行似乎做了同样的事情。

目前已注释掉一个，但我担心两者都不正确，因为启动按钮现在什么都不做。我用谷歌搜索了几个小时，并尝试了几种不同的方式（尝试点击）但我是一个新的开发人员，我担心我错过了什么。我不知道为什么计时器立即启动，我不知道如何点击开始按钮启动计时器。

当我使用onclick时，每次点击它时计时器都会上升，但不是在任何设定的时间间隔。我很困惑。

Answer 1

只需在addEventListener电话

中添加匿名函数即可

start.addEventListener('click', function() {
    setInterval(updateTime, 1000);
});

用点击或函数编写我的代码行的正确方法是什么？

1 个答案: