Example of using HTML to realize Double 11 coupon grabbing and setting time to open the coupon grabbing page-HTML Tutorial-php.cn

Example of using HTML to realize Double 11 coupon grabbing and setting time to open the coupon grabbing page

黄舟

Release： 2017-11-01 10:42:49

Original

2109 people have browsed it

Without further ado, I will post the code directly for you. The specific code is as follows:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        #result{
            width:500px;
            border:1px solid #CCCCCC;
            background:#FFFFCC;
            margin:50px auto;
            font-size:24px;
            color:#FF0000;
            padding:20px;
        }
    </style>
    <script type="text/javascript">
        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的<p>中去
             obj.innerHTML = str;
             //延时器
             window.setTimeout("showTime()",1000);
        }
    </script>
</head>
<body>
    <p>
        <h2>1,同步电脑时间和北京时间</h2>
        <h2>2,设置path地址为需要抢券的地址和抢券时间</h2>
        <!--<h3>抢券地址</h3><input type="text" id=path />-->
        <h3>抢券地址(注意不要漏掉http://或者https://)</h3> <!--<textarea id="path" style="width:200px;height:80px;"></textarea>-->
        <input  type="url" id="path" style="width:auto"/>
        <h3>抢券时间</h3>
        <input type="text" id=time1 />时<input type="text" id=time2 />分
        <input type="text" id=time3 />秒
        <h2>3,点击等待，然后去点击抢券</h2>
        <input  type="button" id="start" value="开始"/><p id="result"></p>
    </p>
</body>
</html>

Copy after login

The above is the detailed content of Example of using HTML to realize Double 11 coupon grabbing and setting time to open the coupon grabbing page. For more information, please follow other related articles on the PHP Chinese website!