/** 
  * @param {function} funcShow  // 頁面顯示 調(diào)用的方法 
  * @param {function} funcHide   // 頁面隱藏 調(diào)用的方法
  */
    function changePageStatus({ funcShow = null, funcHide = null }) {
      let hidden, state, visibilityChange;
      if (typeof document.hidden !== "undefined") {
        hidden = "hidden";
        visibilityChange = "visibilitychange";
        state = "visibilityState";
      } else if (typeof document.mozHidden !== "undefined") {
        hidden = "mozHidden";
        visibilityChange = "mozvisibilitychange";
        state = "mozVisibilityState";
      } else if (typeof document.msHidden !== "undefined") {
        hidden = "msHidden";
        visibilityChange = "msvisibilitychange";
        state = "msVisibilityState";
      } else if (typeof document.webkitHidden !== "undefined") {
        hidden = "webkitHidden";
        visibilityChange = "webkitvisibilitychange";
        state = "webkitVisibilityState";
      }

      document.addEventListener(visibilityChange, () => {
        if (document[state] === 'visible') {
          // 頁面顯示 調(diào)用的方法
          typeof funcShow === 'function' && funcShow()
        } else {
          // 頁面隱藏 調(diào)用的方法
          typeof funcHide === 'function' && funcHide()
        }
      }, false)
    }
    changePageStatus({
      funcShow() {
        console.log('show');
      },
      funcHide() {
        console.log('hide');
      }
    })