HTML实现双11抢劵(设定时间打开抢券的页面)

2018-03-12 16:56作者：zy

本文给大家分享一段代码关于双11抢券，写一个自动打开页面的html，仅仅是设定时间打开抢券的页面，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧!

废话不多说了，直接给大家贴代码了，具体代码如下所示：

<!DOCTYPE html>

<head>

width:500px;

border:1px solid #CCCCCC;

background:#FFFFCC;

margin:50px auto;

font-size:24px;

color:#FF0000;

padding:20px;

}

</style>

window.onload = function () {

showTime();

var start = document.getElementById("start");

start.onclick=function () {

var path = document.getElementById("path").value;

var time1 = document.getElementById("time1").value;

var time2 = document.getElementById("time2").value;

var time3 = document.getElementById("time3").value;

start.value = "等待打开抢单页面";

setInterval(function () {

var date = new Date();

var hour = date.getHours();

var minute = date.getMinutes();

var second = date.getSeconds();

if (hour == time1 && minute == time2 && second == time3) {

window.open(path);

}

}, 100);

};

}

function showTime() {

//创建Date对象

var today = new Date();

//分别取出年、月、日、时、分、秒

var year = today.getFullYear();

var month = today.getMonth()+1;

var day = today.getDate();

var hours = today.getHours();

var minutes = today.getMinutes();

var seconds = today.getSeconds();

//如果是单个数，则前面补0

month = month<10 ? "0"+month : month;

day = day <10 ? "0"+day : day;

hours = hours<10 ? "0"+hours : hours;

minutes = minutes<10 ? "0"+minutes : minutes;

seconds = seconds<10 ? "0"+seconds : seconds;

//构建要输出的字符串

var str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds;

//获取id=result的对象

var obj = document.getElementById("result");

//将str的内容写入到id=result的<div>中去 obj.innerHTML = str;

//延时器

window.setTimeout("showTime()",1000);

}

</script>

</head>

<body>

<div>

<h2>1,同步电脑时间和北京时间</h2>

<h2>2,设置path地址为需要抢券的地址和抢券时间</h2>

<h3>抢券地址(注意不要漏掉http://或者https://)</h3>

<input type="text" id=time1 />时<input type="text" id=time2 />分 <input type="text" id=time3 />秒

<h2>3,点击等待，然后去点击抢券</h2>

</div>

</body>

</html>

总结

以上所述是小编给大家介绍的HTML实现双11抢劵(设定时间打开抢券的页面)，希望对大家有所帮助。