Entendido. Para que el código verifique continuamente la inactividad del scroll, haremos algunos ajustes. En lugar de esperar hasta que se detenga completamente el scroll, implementaremos un mecanismo que utilice
setInterval para verificar periódicamente si ha habido movimiento y reseteará el timeout según sea necesario.
### Código Final Ajustado
El siguiente código comprobará constantemente si el scroll está inactivo, ejecutando la lógica cuando haya 5 segundos de inactividad.
JavaScript:
$(document).ready(function() {
let inactivityTimeout; // Timeout para detectar inactividad
let alertedDiv = null; // Para recordar qué div ya ha sido alertado
let isScrolling = false; // Estado para saber si está desplazándose
// Función que se ejecuta cuando no hay movimiento de scroll
function executeLogic(lastObservedDiv) {
let nextSessimDiv = $(lastObservedDiv).nextAll('.sessim').first(); // Buscar el siguiente div .sessim
let nextID = nextSessimDiv.length ? $(nextSessimDiv).attr('datapro') : 'no hay más sessim';
let allidsessim = $(".sessim").map(function() {
return ',' + $(this).attr('datapro');
}).get().join('');
// Realizar la solicitud GET
$.get("../hola.php?goal=1&gatom=" + allidsessim, function(ompred) {
var elementoHTML = document.createElement("html");
elementoHTML.innerHTML = ompred;
var texto = elementoHTML.getElementsByClassName("grammerd")[0];
var wam = texto.getAttribute("dataid");
let $buscarenestap = allidsessim + ',';
let $busquedap = ',' + wam + ',';
if ($buscarenestap && !$buscarenestap.includes($busquedap)) {
var idpro = document.getElementsByClassName("moreinfo")[0].getAttribute("dataid");
var numa = parseInt(idpro);
numa += 1;
document.getElementsByClassName("moreinfo")[0].setAttribute("dataid", numa);
if (nextID !== 'no hay más sessim') {
$(".sessim[datapro='" + nextID + "']").after(ompred); // Inserta después del siguiente div
} else {
$(lastObservedDiv).after(ompred); // Si no hay más, inserta bajo el último
}
}
});
}
// Función para reiniciar el timeout de inactividad
function resetInactivityTimeout(lastObservedDiv) {
clearTimeout(inactivityTimeout); // Limpiar el timeout anterior
inactivityTimeout = setTimeout(() => {
// Llamar a executeLogic si hay inactividad
executeLogic(lastObservedDiv);
}, 5000); // 5 segundos de inactividad
}
// Configurar el Intersection Observer
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
let lastObservedDiv = entry.target; // Div que está visible
if (lastObservedDiv !== alertedDiv) {
alertedDiv = lastObservedDiv; // Marcar como alertado
resetInactivityTimeout(lastObservedDiv); // Reinicia el timeout
}
}
});
});
// Función para observar los divs con clase .sessim
function observeSessimDivs() {
$('.sessim').each(function() {
observer.observe(this); // Iniciar la observación
});
}
observeSessimDivs(); // Llamada inicial
// Uso de MutationObserver para observar cambios en el DOM
const mutationObserver = new MutationObserver((mutationsList) => {
for (const mutation of mutationsList) {
if (mutation.type === 'childList') {
observeSessimDivs(); // Re-observar si hay cambios
}
}
});
mutationObserver.observe(document.body, {
childList: true,
subtree: true
});
// Intervalo para detectar inactividad en scroll
setInterval(() => {
if (!isScrolling) {
// Si no está desplazándose y hay un div visto, reinicia el timeout
if (alertedDiv) {
resetInactivityTimeout(alertedDiv);
}
}
}, 100); // Verificar cada 100 ms
// Detectar movimiento de scroll
$(window).on('scroll', function() {
isScrolling = true; // Se detectó movimiento
clearTimeout(inactivityTimeout); // Limpiar cualquier timeout antiguo
// Reinicia el timeout cuando hay movimiento
resetInactivityTimeout(alertedDiv);
// Establecer timeout para cambiar el estado a inactivo
setTimeout(() => {
isScrolling = false; // Cambiar estado a inactivo
}, 66); // Verificar aproximadamente cada 15 fps
});
});
### Explicación del Código
1.
Inactividad Constante:
- Se usa
setInterval para verificar constantemente si el usuario no se está desplazando. Si el scroll está inactivo, se reinicia el timeout de inactividad.
2.
Timeout de Inactividad:
- Si hay 5 segundos de inactividad, se ejecuta la función
executeLogic() para manejar la lógica del div observado.
3.
Movimiento de Scroll:
- Mientras se detecta el scroll, se restablece el timeout de inactividad. Esto garantiza que cada vez que el usuario se desplace, volverá a poner en marcha el conteo.
4.
Intersection Observer:
- También maneja qué div está activo y ajusta el tiempo de inactividad cada vez que un nuevo div se vuelve visible.
### Comportamiento Esperado
Este código debe permitir que el sistema verifique continuamente si hay inactividad en el scroll y ejecutar la lógica cuando se cumpla el tiempo de inactividad especificado. ¡Prueba esto y confirma que se ajusta a tus necesidades!
$(document).ready(function() {
let inactivityTimeout; // Timeout para detectar inactividad
let alertedDiv = null; // Para recordar qué div ya ha sido alertado
let isScrolling = false; // Estado para saber si está desplazándose
// Función que se ejecuta cuando no hay movimiento de scroll
function executeLogic(lastObservedDiv) {
let nextSessimDiv = $(lastObservedDiv).nextAll('.sessim').first(); // Buscar el siguiente div .sessim
let nextID = nextSessimDiv.length ? $(nextSessimDiv).attr('datapro') : 'no hay más sessim';
let allidsessim = $(".sessim").map(function() {
return ',' + $(this).attr('datapro');
}).get().join('');
// Realizar la solicitud GET
$.get("../hola.php?goal=1&gatom=" + allidsessim, function(ompred) {
var elementoHTML = document.createElement("html");
elementoHTML.innerHTML = ompred;
var texto = elementoHTML.getElementsByClassName("grammerd")[0];
var wam = texto.getAttribute("dataid");
let $buscarenestap = allidsessim + ',';
let $busquedap = ',' + wam + ',';
alert("hola");
if ($buscarenestap && !$buscarenestap.includes($busquedap)) {
var idpro = document.getElementsByClassName("moreinfo")[0].getAttribute("dataid");
var numa = parseInt(idpro);
numa += 1;
document.getElementsByClassName("moreinfo")[0].setAttribute("dataid", numa);
if (nextID !== 'no hay más sessim') {
$(".sessim[datapro='" + nextID + "']").after(ompred); // Inserta después del siguiente div
} else {
$(lastObservedDiv).after(ompred); // Si no hay más, inserta bajo el último
}
}
});
}
// Función para reiniciar el timeout de inactividad
function resetInactivityTimeout(lastObservedDiv) {
clearTimeout(inactivityTimeout); // Limpiar el timeout anterior
inactivityTimeout = setTimeout(() => {
// Llamar a executeLogic si hay inactividad
executeLogic(lastObservedDiv);
}, 5000); // 5 segundos de inactividad
}
// Configurar el Intersection Observer
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
let lastObservedDiv = entry.target; // Div que está visible
if (lastObservedDiv !== alertedDiv) {
alertedDiv = lastObservedDiv; // Marcar como alertado
resetInactivityTimeout(lastObservedDiv); // Reinicia el timeout
}
}
});
});
// Función para observar los divs con clase .sessim
function observeSessimDivs() {
$('.sessim').each(function() {
observer.observe(this); // Iniciar la observación
});
}
observeSessimDivs(); // Llamada inicial
// Uso de MutationObserver para observar cambios en el DOM
const mutationObserver = new MutationObserver((mutationsList) => {
for (const mutation of mutationsList) {
if (mutation.type === 'childList') {
observeSessimDivs(); // Re-observar si hay cambios
}
}
});
mutationObserver.observe(document.body, {
childList: true,
subtree: true
});
// Intervalo para detectar inactividad en scroll
setInterval(() => {
if (!isScrolling) {
// Si no está desplazándose y hay un div visto, reinicia el timeout
if (alertedDiv) {
resetInactivityTimeout(alertedDiv);
}
}
}, 100); // Verificar cada 100 ms
// Detectar movimiento de scroll
$(window).on('scroll', function() {
isScrolling = true; // Se detectó movimiento
clearTimeout(inactivityTimeout); // Limpiar cualquier timeout antiguo
// Reinicia el timeout cuando hay movimiento
resetInactivityTimeout(alertedDiv);
// Establecer timeout para cambiar el estado a inactivo
setTimeout(() => {
isScrolling = false; // Cambiar estado a inactivo
}, 66); // Verificar aproximadamente cada 15 fps
});
});
no funciona
