youhuiquan/shuang11/timedRedEnve.../public/index.js

//获取地址栏参数
function parseQueryString(url) {
    var urlObj = {};
    var reg = /([^?=&]+)=([^?=&]+)/g;
    url.replace(reg, ($0, $1, $2) => {
        urlObj[$1] = decodeURIComponent($2);
    })
    return urlObj;
}
var qs = parseQueryString(window.location.href);
var tkl = ''; //淘口令
var describe = '';//描述的内容
var dataList = [] ;
//var start_time = [];  //开始时间
//var end_time = [] ; //结束时间
//var timenum = 0 ; //第几个定时器
var currentTime = ''; //当前时间
var serverTime = 1000; //服务器时间，毫秒数 
var goTaobaoUrl,tkl;

$().ready(function() {
	getDate();
	setInterval("getDate()",1000)
	
	activeTbkPassword();//获取淘口令，淘宝链接
	
	writeLogH5({action:'redRain_home',channel:'H5',url:window.location.href});//H5页面埋点
})

//获取淘口令，淘宝链接
function activeTbkPassword () {
	$.ajax({
		type:'post',
		url:'/api/v2/goods/activeTbkPassword',
		data:{
			flag:'redRain'
		},
		dataType:'json',
		success:function (res) {
//			console.log(res)
			if(res && res.errno == 0){
				dataList = res.rst.list;
				if(dataList.length > 0){
					if( new Date(currentTime.replace(/-/ig,'/')).getTime() < new Date((dataList[0].start_time).replace(/-/ig,'/')).getTime() ){
						//红包倒计时
						count_down(dataList[0].start_time)
						return;
					}else if(new Date(currentTime.replace(/-/ig,'/')).getTime() >=  new Date((dataList[0].start_time).replace(/-/ig,'/')).getTime()  && new Date(currentTime.replace(/-/ig,'/')).getTime() < new Date((dataList[0].end_time).replace(/-/ig,'/')).getTime() ){ 
						//红包进行时
						
						count_down(dataList[0].start_time )
						goTaobaoUrl = dataList[0].url;
						tkl = dataList[0].tbk_password;
						return;
					}
//					else if(new Date(currentTime.replace(/-/ig,'/')).getTime() >= new Date((dataList[0].end_time).replace(/-/ig,'/')).getTime()){
//						window.location.reload()
//					}
//						console.log(currentTime == dataList[0].end_time)
//						if(currentTime == dataList[0].end_time){ window.location.reload() }
				}else{
					console.log('暂无')
				}
			}
		}
	})
}
function aa(){
	if(new Date(currentTime.replace(/-/ig,'/')).getTime() >= new Date((dataList[0].end_time).replace(/-/ig,'/')).getTime()){
						window.location.reload()
					}
}

//领取红包
function collarRed () {
		var url = dataList[0].url;
		var tkl = dataList[0].tbk_password;
		openTaobao(url,tkl)
		writeLogH5({action:'redRain_collarRed',channel:'H5',url:window.location.href}); //H5页面领取红包埋点
}

//	打开淘宝
function openTaobao (url,tkl) {
	var param = {"taobaoUrl" : url} 
	param = JSON.stringify(param)
	try{
		if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){
				window.webkit.messageHandlers.app_h5_open_taobao_url.postMessage(param);
		}
		if(navigator.userAgent.match(/android/i)){
				obj4H5.app_h5_open_taobao_url(param);
		}
	}catch(e){
		//TODO handle the exception
		copyPassword(tkl)
	}
}

//复制淘口令
function copyPassword(tkl) {
	var data=tkl;
	copy_2.innerHTML = data;
	copy_1.setAttribute('value',data)
	if(Boolean(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i))){
		//区分iPhone设备
		window.getSelection().removeAllRanges();//这段代码必须放在前面否则无效
		var Url2=document.getElementById("copy_2");//要复制的节点
		var range = document.createRange();
		//选中需要复制的节点
		range.selectNode(Url2);
		//执行选中元素
		window.getSelection().addRange(range);
		//执行copy操作
		var successful = document.execCommand("copy");
		//移除选中的元素
		window.getSelection().removeAllRanges();
	}else{
		var Url2=document.getElementById("copy_1");//要复制的节点
		Url2.select();//选择对象
		document.execCommand("Copy");//执行浏览器复制命令
	}
	showMsg('复制淘口令成功，请打开淘宝参与活动')
}

function getDate(){		
	var date = new Date();
	var Y = date.getFullYear(); //年
	var M =  date.getMonth() + 1;//月
	var D =  date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
	var W =  new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()]; //周
	var H =  date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
	var Fen =   date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
	var S = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
	currentTime =  Y + "-" + M + "-" + D + " " + H + ":" + Fen + ":" + S ;
}

//倒计时
function count_down(o){
	var html = null;//页面
	var time = null;
	time = setTimeout(function(){count_down(o)},1000);            
        var datatime=/^[\d]{4}-[\d]{1,2}-[\d]{1,2}( [\d]{1,2}:[\d]{1,2}(:[\d]{1,2})?)?$/ig,str='',conn,s;
        if(!o.match(datatime)){
//              alert('参数格式为2020-01-01[ 01:01[:01]].\r其中[]内的内容可省略');
                return false;
        }
        var sec=(new Date(o.replace(/-/ig,'/')).getTime() - new Date().getTime())/1000;

		var t =  dataList[0].start_time;
		var describe = t.substring(5,16).replace('-','月').replace(' ','日 ')
		var b =  dataList[0].end_time;
		if(sec == 0 || sec < 0){
			//倒计时结束时----都为0
			time = setTimeout(function(){count_down(o)},1000);          
			if(currentTime == dataList[0].end_time){ window.location.reload() }
			$('.receive_time span').text(describe);//描述时间				
			$('.container').css({'padding-top':'1.93rem'})
			$('.daojishi').css({'height':'2.315rem','background':'url(./imgs/line.png) no-repeat 0.565rem 0.155rem','background-size':'2.935rem 1.665rem'})
			html = `<div class="first"><p class="time" id="firstTime">11-10 22:00</p><img src="./imgs/hongbaoB.png" class="hongbaoImg"/> </div><div class="second"><p class="time" id="secondTime">11-11 11:11</p><img src="./imgs/hongbaoA.png" class="hongbaoImg"/> </div><img src="./imgs/tianmao.png" alt="天猫精灵" class="tianmaoImg" /><img src="./imgs/weizhi.png" class="weizhi"/>`
			$('.daojishi').html(html);
			//红包换图
			if(currentTime >= '2018-11-11 11:11:00'){ $('.second .hongbaoImg').attr('src','./imgs/hongbaoB.png')	}
			$(".button").addClass('buttonActive');
			$('.buttonActive').css({'margin-top':'0rem'})
			$(".button").click(function () {
				collarRed ();//领取红包
			})
			clearTimeout(time); //清除定时器
		}else{
			//倒计时运行
			$('.receive_time span').text(describe);//描述时间	
	        s={'天':parseInt(sec/24/3600),'时':Math.floor(sec/3600%24),'分':Math.floor(sec/60%60),'秒':Math.floor(sec%60)};
	        for(i in s){
	        	if(s[i] < 10){s[i] = '0' + s[i]};
	        	if(i != '天'){
	        		str += '<span>' + s[i] + '</span>' + i;
	        	}
	        }
	        html = `<div class="count_down"><img src="./imgs/daojishi.png" alt="" /></div><div id="endtime">${str}</div>`;
			$('.daojishi').html(html);
			$(".button").removeClass('buttonActive');
			$(".button").click(function () {
				showMsg('下一波红包正在准备中~')
			})
		}
}
//H5页面埋点
function writeLogH5 (data) {
	$.ajax({
		type:'post',
		url:'/api/v2/channel/writeLogH5',
		dataType:'json',
		data:data,
		success:function (res) {
//			console.log(res)
		}
	})
}

//提示弹框
function showMsg(msg) {
    var msgBox = $('.alert-info');
    msgBox.children('p').text(msg);
    msgBox.show();

    setTimeout(function() {
        msgBox.hide();
    }, 3000);
}