0

Hola saludos a todos y gracias por su tiempo y ayuda antes que nada.

Tengo la siguiente problemática que quiero resolver de las siguiente manera, requiero realizar una seria de tareas al pasar por un elemento dependiendo de la situación por ello me apoyare del ratón para realizarlo.

Cuando yo de clic sobre un botón, requiero que realice una tarea pero no puede realizar otra tarea asta pasado un tiempo y es que en otras secciones, requiero que sean ligas entonces voy a ocupar HOVER, etc, etc, en diferentes elementos, pero requiero que sea tiempo, que la funcion tarea(X) se realice y que no puedan mandar hacer otra tarea asta que pase X tiempo, no es problema de si el servidor ya acabo o no, es cuestion para los usuario que no den, clic, clic, clic, hover, hover.

Código Javascript:

    $('a').mouseover(function(){ 
      let current = 0;
      let timerId = setTimeout(function() {
        if (timerId >= 1) {
          //Se realiza la funcion de tarea(A) y nada mas todo lo demas se ignoro o cancela
          clearInterval(timerId);
          Tarea('a');
        }else{
          //Ya no recibir mas tareas, solo después de pasar un tiempo unos 5 minutos. 
          clearInterval(timerId);
        }
        current++;
        console.log('Consola', timerId, current);
      }, 500000);
    });

function Tarea(X){
  //Realizar tareas X y esperar el tiempo indicado para realizar otra.
  console.log(X, 'Realizando tarea');
}

Quiero que al pasar el ratón sobre una liga, realice la tarea pero que ya no realice nada mas asta pasado el tiempo.

Se puede ???

1 respuesta 1

2

puedes usar una combinación entre setTimeout y una variable que actúe como una especie de bandera para indicar si se puede o no ejecutar determinada tarea, lo que se busca es permitir que algo ocurra y luego evitar futuras acciones por un tiempo determinado, así que el ajuste que sugiero es este:

$(document).ready(function() {
    let canExecute = true; // Bandera para controlar la ejecución
    let cooldownPeriod = 5000; // Tiempo de enfriamiento en milisegundos

    function executeTask(taskName) {
        if (canExecute) {
            console.log("Ejecutando tarea: " + taskName);
            // Aquí podrías llamar a tu función Tarea con diferentes argumentos dependiendo del contexto
            Tarea(taskName);
            canExecute = false; // Desactivar la ejecución futura hasta que termine el cooldown

            // Establecer un temporizador para reactivar la ejecución
            setTimeout(function() {
                canExecute = true;
                console.log("Puede ejecutar nuevamente tareas.");
            }, cooldownPeriod);
        } else {
            console.log("Aún está en tiempo de enfriamiento. No se puede ejecutar la tarea.");
        }
    }

    // Manejar el evento click sobre elementos button
    $('button').click(function() {
        executeTask('Button Clicked');
    });

    // Manejar el evento mouseover sobre elementos a
    $('a').mouseover(function() {
        executeTask('Hover on Link');
    });
});
1
  • Muchas gracias esto era lo que necesitaba y aparte aprende algo nuevo para jquery. Commented el 9 may. a las 23:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.