JS: как запретить запуск функции подряд?

Question

[Millerish]

Доброе время суток!

У меня есть большой строительный калькулятор и есть функция которая его обрабатывает. Я вызываю запуск калькулятора так:

$('*').on('input', function () {
    calcNow();
});

Моя проблема сейчас в том, что при вводе данных или других быстрых действиях, запуск происходит слишком быстро, страница лагает. Мне нужен минимальный интервал, через который может запускаться функция, например секунда.

$('*').on('input', function () {
    function func() {
          calcNow();
    }
    setTimeout(func, 1000);
});

В таком варианте оно не работает, как правильно?

Answer 1

[Mikhail Osher]

Почитайте про throttle/debounce.
В Вашем случае - debounce.

https://remysharp.com/2010/07/21/throttling-functi...
https://css-tricks.com/the-difference-between-thro...

Answer 2

[Faliah]

Используйте debounce, чтобы не использовать дополнительных библиотек, можете взять код вот тут

Answer 3

[Nwton]

var calc_active = false;

$('*').on('input', function () {
	if(calc_active == false){
		calc_active = true;
		calcNow();
		setTimeout(function(){
			calc_active = false;
		}, 1000);
	}
});

calcNow будет запускаться не чаще 1 раза в секунду.

Answer 4

[Александр Манаков]

Мб
setTimeout(func(), 1000);