首页 前端知识 vue实现每天固定时段展示or隐藏

vue实现每天固定时段展示or隐藏

2024-06-20 09:06:22 前端知识 前端哥 527 373 我要收藏
data(){
    retrun{
        show:true
    }
}
created() {
    this.dataTime();
  },
 methods: {
     dataTime() {
      let stamp = new Date().getTime();
      let year = new Date().getFullYear();
      let month = new Date().getMonth() + 1;
      let strDate =  new Date().getDate();
     
     //定义一个起始结束时间 这里以每天上午九点到十点为例  如果是每月10号 则把strDate改成10
      let startDate = `${year}-${month}-${strDate} 09:00:00`;
      let endDate = `${year}-${month}-${strDate} 09:59:59`;
      
       //开始时间
      let start = new Date(startDate.replace(/-/g, "/").replace(/-/g, "/")).getTime();

      //结束时间
      let end = new Date(endDate.replace(/-/g, "/").replace(/-/g, "/")).getTime();

       //用时间戳来判断是否在当前时间段
        if(start<stamp$$stamp<end){
            //进入当前时间段 隐藏show
            this.show = false
        }
      
    }
}

用时间戳判断更方便直观,参考了其他博客用定时器做 需要销毁重新计时,看个人选择,还有获取直接客户端时间也是一种不错的方法。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12989.html
评论
发布的文章

vue3生成聊天对话框功能

2024-07-10 18:07:36

json基本格式

2024-07-08 09:07:01

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!