salve a tutti ho una richiesta particolare

ho associato ad un pulsante all'evento onclick una funzione che inserisce del codice html in un div

function generaItem() {
var totaleElementi = parseInt(document.getElementById('numerototale').v alue);
var totaleElementiPiuUno = totaleElementi + 1;
document.getElementById('altri_film').style.displa y = "block";
document.getElementById('altri_film').innerHTML += "CODICE HTML piuttosto lungo";

document.getElementById("numerototale").value = totaleElementiPiuUno;
}


il tutto funziona poi c'è anche una funzioncina che toglie questo elemento settando a none la proprietà display del div

vorrei fare in modo che non si potesse cliccare entro un certo tempo diciamo un secondo perchè se clicco più e più volte mi sembra che non faccia in tempo ad eseguire il codice e quindi l'elemento hidden numerototale non viene aggiornato correttamente
si può fare in qualche modo ?!
spero di essere stato chiaro