自動ロック画面機能を実現するjs

// アプリ.vue

データ （） {
  戻る {
    タイムアウト: 5000、
    タイマー: null、
    isLock: 'false'
  }
},
マウントされた（）{
  this.timer = setTimeout(this.lockPro、this.timeOut)
  // 初回の操作時間を設定する localStorage.setItem('moveTime', Date.now())
  //最初の判定ステータス this.modalStatus()
  // ポーリング監視ステータス setInterval(this.modalStatus, 1000)
  // マウスイベントをリッスンする this.events()
},
方法:{
   イベント() {
      ウィンドウ.onmousemove = () => {
        // console.log('マウスが移動しました')
        ロックされている場合
          localStorage.setItem('moveTime', Date.now())
          this.clearLocaPro('続行')
        }
      }
    },
    モーダルステータス() {
      localStorage.getItem('isLock') が 'true' の場合 {
        // console.log('画面がロックされています')
        this.isLock = true
        this.clearLocaPro()
      } それ以外 {
        // console.log('現在画面はロックされていません')
        this.isLock = false
        this.clearLocaPro('続行')
      }
    },
    ロックプロ() {
      もし (!this.timeOut) {
        localStorage.setItem('isLock', 'false')
        this.clearLocaPro('続行')
        戻る
      }
      Date.now() - localStorage.getItem('moveTime') < this.timeOut) の場合 {
        localStorage.setItem('isLock', 'false')
        this.clearLocaPro('続行')
      } それ以外 {
        localStorage.setItem('isLock', 'true')
        this.clearLocaPro()
      }
    },
    clearLocaPro(ステータス) {
      if(this.timer){
         タイムアウトをクリアします(this.timer)
      }
      if (ステータス === '続行') {
        this.timer = setTimeout(this.lockPro、this.timeOut)
      }
    },
    // 手動ロック handleLock(){
      this.clearLocaPro()
      localStorage.setItem('isLock', 'true')
    },
    // パスワードロック解除 unlock(){
      localStorage.removeItem('isLock')
      localStorage.setItem('moveTime', Date.now())
      this.clearLocaPro('続行')
    },
    ...
    // ログアウト時にisLockをクリアすることを忘れないでください
}