定时链接切换

上周实习时碰到，ae要求将一个跳转在10、11、12号的晚上10点进行链接更换，索性将其写成定时切换，这样就省去每天人工更改的工作了

HTML

 1 <div><a href="链接地址" id="change"  target="_blank"><img src="img/vv5.png" alt=""></a></div>
 2 
 3 var now = new Date().getTime()
 4   var dt =new Date("2021-07-12 11:26:00").getTime()
 5   $(document).ready(function(){
 6   if (now > dt){
 7   $("#change").attr('href',"新链接")
 8   }else{
 9   $("#change").attr('href',"新链接")
10   }
11   })

 

VUE

 1 <a  @click.prevent="handleChange">
 2     <img src="../assets/xihu/live1.png" alt=""/>
 3 </a>
 4 
 5 methods:
 6 handleChange() {
 7       var now = new Date().getTime();
 8       var dt = new Date("2021-07-10 22:00:00").getTime();
 9       var dt1 = new Date("2021-07-11 22:00:00").getTime();
10       if (now < dt) {
11         location.href = "链接1";   外部链接跳转
12       } else if (now > dt1) {
13         this.$router.push('/Live');  页面跳转
14       } else {
15         location.href = "链接2";  外部链接跳转
16  }
17 }

 

posted @ 2021-07-14 16:26  LyyyajL  阅读(125)  评论(0)    收藏  举报