Home > Article > Web Front-end > HTML implements the ticket grabbing function (set time to open the ticket grabbing page)

HTML implements the ticket grabbing function (set time to open the ticket grabbing page)

php中世界最好的语言Original: 2018-01-16 09:28:534504browse

Today I will introduce to you a very useful function, HTML implements the ticket grabbing function, and also provides you with a solution. Friends who need it can save notes.

<!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的<div>中去
             obj.innerHTML = str;
             //延时器
             window.setTimeout("showTime()",1000);
        }
    </script>
</head>
<body>
    <div>
        <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="开始"/><div id="result"></div>
    </div>
</body>
</html>

I believe you have mastered the methods after reading these cases. For more exciting information, please pay attention to other related articles on the php Chinese website!

HTML implements the ticket grabbing function (set time to open the ticket grabbing page)

Related articles