Forza setTimeout per attivare il payload prima dell'impostazione originale

Question

Ho sviluppato un piccolo software di presentazione costituito da diapositive e risorse per ogni diapositiva. Quando una diapositiva viene sottoposta a rendering, tutte le sue risorse vengono sottoposte a looping e rendering dopo un ritardo utilizzando il metodo setTimeout. sembra dolce ...

Yaaay !, i requisiti sono cambiati, la presentazione è ora necessaria per agire come una presentazione di PowerPoint, l'evento clic del mouse farà sì che il prossimo asset da rendere alla pagina immediatamente.

La mia domanda è; c'è un modo per far scattare immediatamente il mio timeout? Posso ottenere e memorizzare in una pila il timeoutid che viene restituito quando viene creato il timeout. L'unica altra opzione sarebbe quella di cancellare il timeout e quindi ricreare l'elemento, che è molto più elaborato di quello che voglio fare, e non ho voglia di rifare il mio codice troppo.

Qualche idea?

Answer 1

La risposta breve è No. Non è possibile fare ciò che si sta chiedendo, a meno che non si tenga un elenco dei metodi da licenziare. Potresti quindi annullare il timer e attivare il metodo corrispondente.

Answer 2

Se si imposta il timer in questo modo:

var timer1 = window.setTimeout(mainFunction,500) 

chiamata immediatamente in questo modo:

window.clearTimeout(timer1) 
mainFunction() 

La chiave è quello di separare la funzione dal timer.

Answer 3

Si poteva avvolgerlo in una chiusura come questo:

function createTimeout(timeoutHandler, delay) { 
    var timeoutId; 
    timeoutId = setTimeout(timeoutHandler, delay); 
    return { 
     clear: function() { 
      clearTimeout(timeoutId); 
     }, 
     trigger: function() { 
      clearTimeout(timeoutId); 
      return timeoutHandler(); 
     } 
    }; 
} 

var a = new Date(); 

var timeout = createTimeout(function() { console.log(a); }, 1000); 
// timeout.clear(); 
timeout.trigger();