tengo una barra de búsqueda la cual funcionaba en sus inicios haciendo click en el botón de búsqueda o presionando la tecla enter, ahora necesito que sea automática pero también deseo que no haga la consulta inmediatamente al presionar cualquier tecla porque eso genera múltiples consultas.
Cómo puedo añadir un retraso para evitar que busque varias veces mientras el usuario escribe lo que quiere buscar?
he añadido un timeout de 5 segundos pero lo único que hace es esperar 5 segundos y luego ejecuta la acción la cantidad de veces que el input ha cambiado (si escribo 3 letras, tarda 5 segundos y hace 3 búsquedas)
este es mi código con el timeout que no funciona tal y como quiero
$('#search_site_input').on('input', function () {
setTimeout(function () {
searchSite();
}, 5000);
});