JQuery.fx.interval controlled by UI Slider help?

JQuery.fx.interval controlled by UI Slider help?

I am building a website using a lot of animations but I have to limit the animations to jQuery.fx.interval = 100; so the CPU isn't maxed out at 100%. Since the animation speeds are slower. My goal is to have have a slider on my page so any user can control jQuery.fx.interval either by sliding it higher or lowering it to 0? I figured out how to stop the animations, but now I have to start it back up. How do I achieve this? Thanks

  2. $(function() {
  3. jQuery.fx.interval = 100;
  4.     $( "#slider-range-min" ).slider({
  5.         range: "min",
  6.         value: 100,
  7.         min: 0,
  8.         max: 1000,
  9.         slide: function( event, ui ) {
  10.          $( "#amount" ).val( ui.value );
  11. $(':animated').stop();
  12. jQuery.fx.interval = ui.value;
  13.         },
  14.     });
  15.     $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ));
  16. });