web 页面执行animate等动画时 浏览器失焦后 动画加速问

参考了网上的内容
知识点为:
document.onvisibilitychange
只要页面发生变化，不管是切换到其他的页面还是把浏览器缩小，都会触发这个事件
document.hidden
这个是指当页面不是当前页面时为true，否则为false
document.visibilityState
这个属性有四个值：visible, hidden, prerender, unloaded
visible: 表示当前网页是可见或者是部分可见的
hidden: 当前网页是不可见的
prerender: 网页内容被预渲染并且用户不可见
unloaded: 如果文档被卸载，那么这个值将被返回

处理方法一般如下
JS:

document.onvisibilitychange = function () {
  if (document.visibilityState == 'visible') {
    timer = setInterval(slidemove, 1000)
  } else {
    clearInterval(timer)
  }
}

JQ:

// 在animate方法前加上stop方法
$(xxx).stop(true, true).animate({ ... })