JavaScript opoznienie w klikaniu

Question

Witam, mam pewien problem, otóż probuje zablokowac mozliwosc klikniecia przycisku wyswietlanego na ekranie na np.3 sekundy po jego klikneciu i jak na razie nic mi nie wychodzi. Dodam ze stosuje true i false.

Prosilbym o wskazowke.

 

Przykladowy kod:

cos = []


function chooseButton(){
if(~Kod wywolujacy klikniecie w guzik){
cos.push(~jakiś obiekt)
}

 

Answer 1

Taki najszybszy sposób i chyba najprostszy to po prostu użycie setTimeout, np.: https://codepen.io/anon/pen/RqpvqY

Tu masz na szybko przykład, gdy klikasz w button zlicza się jedno nowe kliknięcie i button jest wyłączany na 3 sekundy + jest to ostylowane kursorkiem not-allowed dla lepszego efektu.

Comments

Dziękuje bardzo :)

---

@Tomek Sochacki, jeszcze mam pytanko, przycisk robilem w javaS, moze to potem poprawie na css'a, ale na ten moment  chcialbym zostawic w javaS i tutaj mam maly problem:

var disabled = false;

if(mouseX > 50 && mouseX < 100 && mouseY > 100 && mouseY < 100+50 &&disabled == false){
 disabled = true;
setTimeout('jakas funkcja, nie wiem co tu zrobic,3000)
}

 

---

jakas funkcja, nie wiem co tu zrobic

eee... a skąd ja mam wiedzieć, co Ty chcesz zrobić :) ? Halo... Panie... to Ty piszesz apkę, a nie ja :)

Dałem Ci przecież praktycznie gotowca... tylko zmienić sobie po prostu na swoje body funkcji.

---

Wiem, po prostu w setTimeout, btn.disabled = false nie mozna zamienic z np. zmienna disabled bo po prostu trzeba tam wpisac funkcje, ale troche popracuje i mam nadzieje ze uda mi sie to zrobic :)

---

setTimeout( () => {
  // body funkcji
}, 3000); // czas podajesz w ms

 

---

 Dzięki , ale wlasnie udalo mi się to zrobic samodzielnie z czego jestem zadowolony :) Moze dluzsze ale co tam :P

var disabled = false;
function disabling (){
  disabled = false;
}
if(mouseX > 50 && mouseX < 100 && mouseY > 100 && mouseY < 100+50 && money >=50 &&disabled == false){
 disabled = true;
setTimeout(disabling,3000)
}

 

---

Dodam tylko, że techniki usuwania skutków zbyt czestego wywoływania zdarzeń to throttling i debouncing.

---

Dzięki za rade, poszperalem troche na ten temat i mysle ze to calkiem przydatna rzecz, choc nie do konca wiem jak ona dziala :P

---

poczytaj generalnie o setTimeout i setInterval, i w sumie generalnie musiałbyś też poczytać coś o asynchroniczności w różnych aspektach jeśli chcesz się bawić w JS.