JS登录倒计时的简单实现

最新推荐文章于 2022-11-19 11:23:43 发布

Frankenstein_

最新推荐文章于 2022-11-19 11:23:43 发布

阅读量470

点赞数

分类专栏： JS 文章标签：倒计时 setInterval

本文链接：https://blog.csdn.net/Frankenstein_/article/details/86590548

版权

JS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

 export default {
    name: 'Welcome',
    data() {
      return {
        count: 3,
      };
    },
    methods: {
      goToLogin() {
         if (!this.timer) {
          let that = this;
          this.timer = setInterval(() => {
            that.count--;
            if (that.count === 0) {
//              判断浏览器用户信息的缓存是否存在
              if (localStorage.getItem("loginUser") !== null) {
//                存在，完成倒计时跳转home主页面
                that.$router.push({path: 'home'});
              } else {
//                不存在，完后倒计时跳转登录页面
                that.$router.push({path: 'login'});
              }
//              清除倒计时
              clearInterval(that.timer);
            }
          }, 1000)
        }
      }

    },
    created() {
      this.goToLogin();
    },
    mounted() {
    }
  };