JavaScript တွင် ခလုတ်ကို အကြိမ်ကြိမ်နှိပ်၍ ချိန်ကိုက်စက်ကို အစပြုခြင်း

ကျွန်ုပ်ဖော်ပြခဲ့သော ကုဒ်တွင် တကယ်တော့ ပြဿနာအနည်းငယ်ရှိပါသည်။ ကျွန်ုပ်တို့၏ ခလုတ်ကို အကြိမ်ကြိမ်နှိပ်လိုက်ပါက ဤပြဿနာပေါ်လာပါမည်။ ထိုအခါ နှိပ်လိုက်သည့် အကြိမ်တိုင်းသည် ချိန်ကိုက်စက် အသစ်တစ်ခုစတင်စေပါမည်။

ဆိုလိုသည်မှာ၊ ဥပမာအားဖြင့်၊ ခလုတ်ကို သုံးကြိမ်နှိပ်ခြင်းသည် ချိန်ကိုက်စက်သုံးခု စတင်စေပြီး၊ ထိုချိန်ကိုက်စက်တစ်ခုစီသည် ကောင်တာ၏တန်ဖိုးကို ကွန်ဆိုးလ်တွင် ထုတ်ပြပါလိမ့်မည်။ ဆိုလိုသည်မှာ တန်ဖိုးများသည် သုံးဆပိုမိုမြန်ဆန်စွာ ပြောင်းလဲသွားပါလိမ့်မည်။

ဖော်ပြပါပြဿနာကို ဖြေရှင်းရန် ခလုတ်ကို ထပ်မံနှိပ်ခြင်းသည် ချိန်ကိုက်စက်အသစ်တစ်ခု စတင်ခြင်းမဖြစ်စေရန် ပြုလုပ်ရုံသာဖြစ်သည်။ ဥပမာအားဖြင့်၊ ချိန်ကိုက်စက် စတင်ပြီးနောက် ခလုတ်နှင့် ချိတ်ဆက်ထားသော ကလစ်ဖြစ်ရပ်ကို ကိုင်တွယ်သည့် function ကို ဖြုတ်နိုင်ပါသည်။

let start = document.querySelector('#start');

start.addEventListener('click', function func() {
	let i = 0;
	
	setInterval(function() {
		console.log(++i);
	}, 1000);
	
	this.removeEventListener('click', func); // ဖြစ်ရပ်ကို ကိုင်တွယ်သည့် function ကို ဖြုတ်ပါ
});

သင်၏ ယခင်အလုပ်တာဝန် ဖြေရှင်းချက်ကို ယူပါ။ ခလုတ်ကို အကြိမ်ကြိမ်နှိပ်ခြင်းသည် အရေအတွက်စာရင်း မြန်ဆန်စေကြောင်း စစ်ဆေးပါ။ ဤ ပြဿနာကို ပြင်ဆင်ပါ။