Javascript 使用单击或打开函数编写代码行的正确方法是什么?
我想点击开始按钮来启动计时器。正如现在所写的,我的计时器在刷新页面时立即启动,而不是在单击开始按钮时启动。代码的最后两行似乎做了相同的事情 现在有一个被注释掉了,但是我担心这两个都是错误的,因为“开始”按钮现在什么都不做。我在谷歌上搜索了几个小时,并尝试了几种不同的方法(也尝试了onclick),但我是一名新的开发人员,恐怕我错过了一些东西。我不知道为什么计时器会立即启动,也不知道当我点击开始按钮时如何启动Javascript 使用单击或打开函数编写代码行的正确方法是什么?,javascript,jquery,timer,Javascript,Jquery,Timer,我想点击开始按钮来启动计时器。正如现在所写的,我的计时器在刷新页面时立即启动,而不是在单击开始按钮时启动。代码的最后两行似乎做了相同的事情 现在有一个被注释掉了,但是我担心这两个都是错误的,因为“开始”按钮现在什么都不做。我在谷歌上搜索了几个小时,并尝试了几种不同的方法(也尝试了onclick),但我是一名新的开发人员,恐怕我错过了一些东西。我不知道为什么计时器会立即启动,也不知道当我点击开始按钮时如何启动 当我使用onclick时,每当我点击它时,计时器都会上升,但不是在任何设定的时间间隔。我
当我使用onclick时,每当我点击它时,计时器都会上升,但不是在任何设定的时间间隔。我很困惑 只需在
addEventListener
调用中添加一个匿名函数即可
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));
您尝试使用的
.on()
和.click()
方法是jQuery函数,但您的其他代码没有使用jQuery。请检查addEventListener
start.addEventListener('click', function() {
setInterval(updateTime, 1000);
});