JSFiddle - React, Tailwind, and code Playground

by nmsdvid

JavaScript

(function( $ ) {
  $.fn.plugin = function(params) {
  params = $.extend( {param1: 10, parma2: 5, param3:0, param4:100}, params);
  
  var timer = setInterval( plugin, params.param1);
  var showTimes = params.param3; 
  var counter = 0;

  function plugin() {
    for (var i = 0; i < params.param2; i++) { 
     // code
    }
    
   if (counter == 0) { counter++; return; }
   
      
    $('#div')
      .stop()
      .hide()
      .filter( function() { return this.id.match('frame' + counter); })   
      .show();
    if(counter == params.param2){
       counter = 0;
       showTimes --;
       if(showTimes == 0)
           clearInterval(timer);
    }else{
       counter++; 
    }
    
  }
  
  return this;

  };

})( jQuery );