JSFiddle - React, Tailwind, and code Playground

by pierian_design

JavaScript

/*
var percent = 17;
var end = 55;
let timeout = 1000;
var step = 1.1;

let intervalId = setInterval(callback, timeout);
function callback () {
  console.log('Do something here', new Date());
  console.log('SET PERCENT', percent);
  console.log('----------------------------------------------');
  percent += 1;
  clearInterval(intervalId);
  timeout *= 2;
  
  if (percent >= end) {
  	//preloader
  } else {
  	intervalId = setInterval(callback, timeout);
  }
}
*/

        function setPseudoProgress(startPercent, endPercent) {
            let timeout = 1000;
            let step = 1.1;

            let intervalId = setInterval(callback, timeout);
            function callback () {
                startPercent += 1;
                
                console.log(startPercent);
                
                clearInterval(intervalId);
                timeout *= step;

                if (startPercent >= endPercent) {
                    //preloader
                } else {
                    intervalId = setInterval(callback, timeout);
                }
            }

            return intervalId;
        }
        
        
        
        let item = setPseudoProgress(17, 25);
        
        
        setInterval(() => {
        
        		console.log(item);
        
        }, 2000);