Klik Berbilang Kali pada Butang untuk Memulakan Pemetik Masa dalam JavaScript
Kod yang saya berikan di atas sebenarnya mempunyai satu masalah. Masalah ini muncul jika butang kita diklik beberapa kali. Dalam kes ini, setiap klik akan menyebabkan pemetik masa baru bermula.
Maksudnya, sebagai contoh, tiga kali klik pada butang akan menyebabkan tiga pemetik masa bermula, dan setiap pemetik masa ini akan memaparkan nilai pembilang dalam konsol. Ini bermakna nilai akan berubah tiga kali lebih pantas!
Untuk menyelesaikan masalah yang diterangkan, hanya perlu membuat supaya klik berulang pada butang tidak menyebabkan pemetik masa baru bermula. Sebagai contoh, selepas pemetik masa bermula, kita boleh menyahikat pengendali klik yang diikat pada butang:
let start = document.querySelector('#start');
start.addEventListener('click', function func() {
let i = 0;
setInterval(function() {
console.log(++i);
}, 1000);
this.removeEventListener('click', func); // menyahikat pengendali
});
Ambil penyelesaian anda untuk tugas sebelumnya. Semak bahawa klik berbilang kali pada butang menyebabkan pengiraan menjadi lebih pantas. Betulkan masalah ini.
