Estoy tratando de hacer que la extensión de Chrome actualice el sitio cada vez que se selecciona la casilla de verificación. En este punto, me enfrento al problema de que mi sitio no se actualiza cuando se selecciona la casilla de verificación, por lo que tampoco se vuelve a iniciar después del tiempo de espera. ¿Podrías ayudarme con esto? html
<input type="checkbox" class="timer" name="timer" value="yes" id="timer" onclick="validate">js
function validate() { if (document.getElementById('timer').checked) { for (var i = 0; i < 6; i++) { setTimeout(function () { chrome.tabs.query({ active: true, currentWindow: true }, function (arrayOfTabs) { var code = 'window.location.reload();'; chrome.tabs.executeScript(arrayOfTabs[0].id, { code: code }); }); }, 501); } } }Vale la pena señalar que he preparado un script para contener información si se hace clic en la casilla de verificación o no, para que no desaparezca después de volver a hacer clic en la ventana emergente
(function zzz() { // variable to store our current state var cbstate; window.addEventListener('load', function () { cbstate = JSON.parse(localStorage['CBState'] || '{}'); for (var i in cbstate) { var el = document.querySelector('input[name="' + i + '"]'); if (el) el.checked = true; } var cb = document.getElementsByClassName('timer'); for (var i = 0; i < cb.length; i++) { cb[i].addEventListener('click', function (evt) { if (this.checked) { cbstate[this.name] = true; } else if (cbstate[this.name]) { delete cbstate[this.name]; } localStorage.CBState = JSON.stringify(cbstate); }); } }); })();2 cosas. Coloque los paréntesis junto al nombre de su función y ponga algo de lógica en su función para que borre el tiempo de espera y lo reinicie. De lo contrario, podría terminar con numerosos temporizadores si alguien desmarca/marca
<input ... onclick="validate()">En su secuencia de comandos, no entendí el rol del bucle FOR, así que lo omití aquí.
let timerInt; function validate() { clearTimeout(timerInt) if (document.getElementById('timer').checked) { timerInt = setTimeout(function() { chrome.tabs.query({ active: true, currentWindow: true }, function(arrayOfTabs) { var code = 'window.location.reload();'; chrome.tabs.executeScript(arrayOfTabs[0].id, {code: code}); }); }, 501); } }