js-以utc时间判断是否显示活动弹框

2019/12/24 - 2019/12/28(utc时间)日弹出活动窗口,另外25日多弹出一个买一赠一的窗口(先弹出活动窗口再弹出买一赠一的窗口);活动窗口每天只能弹出一次,买一赠一的窗口只有25号弹出一次;

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>cr</title>
</head>
<body>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> 
<script type="text/javascript">

    if(!localStorage.getItem("jsonTime")){ //如果当前设备没有存储记录信息 那么首先应该存储一份
        let jsonTime=[//stete代表活动弹窗标记   type代表活动弹窗标记
            {state:true,type:true}, //24
            {state:true,type:true}, //25  只有25号的type有用
            {state:true,type:true}, //26
            {state:true,type:true}, //27
            {state:true,type:true}  //28
        ]
        localStorage.setItem("jsonTime",JSON.stringify(jsonTime))
    }
    
    
    
    //定义数据区
    let dataTime=new Date(), //定义当前时间
    newJsonData=JSON.parse(localStorage.getItem("jsonTime")), //本地存储记录数据
    jsonNewTime={//获取当前时间 ( 年 月 日 年月日)
        fullYear:dataTime.getUTCFullYear(), //年
        month:dataTime.getUTCMonth()+1,//月
        date:dataTime.getUTCDate(),//日
        and:`${dataTime.getUTCFullYear()}${dataTime.getUTCMonth()+1}${dataTime.getUTCDate()}` // 年月日(20191217)  and跟dingyiArr数据格式一致  
    },
    dingyiArr=["20191217","20191218","20191219","20191220","20191221"];//模拟数据  正式上线应该换上正确的时间
    //dingyiArr数据正式应该换成 ["20191224","20191225","20191226","20191227","20191228"]
    
    
    //代码逻辑区
    //正式上线第50行代码应该换为 if(jsonNewTime.and === "20191225" && newJsonData[1].type){
    if(jsonNewTime.and === "20191217" && newJsonData[0].type){
        alert_2() 
        newJsonData[0].type=false;
        localStorage.setItem("jsonTime",JSON.stringify(newJsonData))//更新本地存储的数据
        setTimeout(()=>{ yibanTanKuang() },2000) //模拟点击第一个窗口关闭后的回掉事件
    }else{
        yibanTanKuang()
    }
    
    function yibanTanKuang(){//24 - 28 号活动弹窗判断
        dingyiArr.map((item,index)=>{
            if(item===jsonNewTime.and && newJsonData[index].state){
                alert_1()
                newJsonData[index].state=false;
                localStorage.setItem("jsonTime",JSON.stringify(newJsonData))//更新本地存储的数据
            }
        })
    }
    function alert_1(){ //模拟弹窗
        alert("活动窗口")
    }
    function alert_2(){ //模拟弹窗
        alert("买一增一窗口")
    }
    
    
    


</script>
</body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 还有,我终于也穿上了“鸭绒”袄。是在上初一时吧,清楚记得是刚大学毕业的大姐给买的,是不是她第一个月领到工资时...
    多嬲阅读 721评论 0 1
  • 这部电影的观看是个偶然的机会,但是在二刷后,还是想着要写点东西。 教育,这部电影讲的可以说是主要围绕教育的了。池塘...
    莫失c阅读 1,508评论 0 0
  • 张天爱化身胡姬玉莲登《时尚芭莎》12月下刊,为新电影《妖猫传》宣传。照片中,张天爱红衣配雪,展千娇百媚,顾盼生辉,...
    Queen扯谈阅读 3,359评论 1 0
  • 下午本来想洗衣服的,但是妈妈天天和我说房子的事,我真的觉得自己一个人住很好。 也许我性格不好,没法告诉她我买房了,...
    森森爱生活阅读 1,126评论 0 0

友情链接更多精彩内容