2016-11-27 29 views
-1
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)); 

我想點擊開始按鈕,以得到定時器啓動。正如現在寫的,當我刷新頁面時,我的計時器立即啓動,而不是當我單擊開始按鈕時啓動。代碼的最後兩行似乎做同樣的事情。什麼是寫我的代碼行與點擊或功能上的正確方法是什麼?

其中一個現在已被註釋掉,但我擔心這兩個都是不正確的,因爲現在開始按鈕什麼都不做。我用Google搜索這幾個小時,曾嘗試幾種不同的方法(試過的onclick過),但我是一個新的開發人員,恐怕我失去了一些東西。我不知道爲什麼計時器立即啓動,當我點擊開始按鈕時我不知道如何啓動計時器。

當我使用onclick時,每當我點擊它,但沒有以任何設定的時間間隔,計時器就會上升。我很困惑。

+0

的'。對()'和'。點擊()'你正在嘗試使用的方法是jQuery的功能,但你的其他代碼ISN」使用jQuery。 – Pointy

+0

檢查'addEventListener' –

回答

1

只需添加一個匿名函數在addEventListener呼叫

start.addEventListener('click', function() { 
    setInterval(updateTime, 1000); 
}); 
相關問題