JavaScript: eseguire il codice dopo un certo intervallo di tempo

Short link

In JavaScript possiamo eseguire il nostro codice dopo un certo intervallo di tempo.

La soluzione รจ la seguente:


'use strict';

const wait = ( delay, callback, params ) => {

  clearTimeout( timer );

  params = params || {};
  params.name = params.name || '';
  params.text = params.text || '';

  let timer = setTimeout( () => {
      callback( params );
  }, delay );

  return timer;
};

Esempio d'uso:


'use strict';

document.addEventListener( 'DOMContentLoaded', () => {

  let output = document.querySelector( '#output' );

  wait( 3000, ( settings ) => {
    output.className = settings.name;
    output.innerHTML = settings.text;

  }, { name: 'done', text: 'Done' });

});