Flexslider not rotating

Flexslider not rotating

My Flexslider is not rotating when the browser is not on focus. If the browser is on focus, then the flexslider works fine. However, if i open up a notepad on top of the browser, then the flexslider is no longer rotating. 

How can i make the flexslider to continue rotate even though the browser is not on focus? My code used is as below.

  1. $('#home-flexslider .flexslider').flexslider({
  2. animation: "fade",
  3. slideshow: true,
  4. pauseOnHover: true,
  5. smoothHeight: false,
  6. start: function (slider) {
  7. slider.removeClass('loading');
  8. }
  9. });