tipo.

Así que tengo este código que ejecuta un bucle en las diapositivas/pestañas y tienen una especie de interacción desplegable para mostrar y ocultar texto en función de la diapositiva/pestaña actual/activa.

Lo que quiero agregar es una función en la que, si un usuario se desplaza sobre una de las pestañas (.loop-tab-link), clearTimout se detiene hasta que el usuario se desplaza fuera del div.

Como puede ver, intenté agregar una función de mouseover, pero eso solo agrega 5 segundos adicionales al tiempo de espera.

 clearTimeout(tabTimeout); tabLoop(); function tabLoop() { tabTimeout = setTimeout(function() { var $next = $('.loop-tabs-menu').children('.current:first').next(); if($next.length) { $next.click(); } else { $('.loop-tab-link:first').click(); } }, 5000); } $('.loop-tab-link').on('mouseenter', function() { clearTimeout(tabTimeout); tabLoop(); }); $('.loop-tab-link').click(function() { clearTimeout(tabTimeout); tabLoop(); }); });