0

tengo el siguiente codigo, la idea es que usando interval seleccione un valor en un select y luego asigne un valor a otro select. Pero el evento change que debo usar esta ocasionando que la pagina se refresque y quede en loop. Alguna sugerencia?

var interval = setInterval(doStuff, 3000); // 2000 ms = start after 2sec 

function doStuff() {
  chrome.storage.sync.get(null, 
    function(result) {
       var item = JSON.parse(result.key);
       var reg = document.getElementById('form1:layoutPanel1:layoutPanel2:regional_list');
       reg.value = item.regional;
       reg.dispatchEvent(new Event('change'));

       var ciudad = document.getElementById('form1:layoutPanel1:layoutPanel2:ciudad_list');
       ciudad.value = item.ciudad;


  });
  clearInterval(interval);
}

7
  • no iría mejor un timeout ? Commented el 10 jul. 2018 a las 23:11
  • me ocurre exactamente lo mismo usando time out, interval ,promises, lo que sea.. es mas cuestion de evitar que el refresh que provoca el event haga que la funcion siga ejecutandose.. Commented el 10 jul. 2018 a las 23:14
  • fijate si esta forma de disparar el evento te sirve stackoverflow.com/a/11394087/1423096 Commented el 10 jul. 2018 a las 23:50
  • Sigue el mismo loop :( Commented el 11 jul. 2018 a las 0:00
  • no habrá algún otro evento colgado del onchange? Commented el 11 jul. 2018 a las 0:02

1 respuesta 1

0

Cogiendo la funcion "debounce" de underscore se puede utilizar de la forma siguiente:

function debounce(fn, wait, inmediate) {
    var timeout;
    return function() {
        var context = this, args = arguments;
        var later = function() {
            timeout = null;
            if (!inmediate) fn.apply(context, args);
        };
        var callNow = inmediate && !timeout;
        clearTimeout(timeout);
        timeout = setTimeout(later, wait);
        if (callNow) fn.apply(context, args);
   };
};

Y luego la invocas como necesites:

var waitFn = debounce(function() {
    /* Lógica de la función */
}, 1000); //tiempo en ms

Esta función puedes almacenarla en tu fichero JS, no necesitas descargarte la librería entera para poderla ejecutar.

introducir el código aquí

Un saludo y espero haberte ayudado.

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.