廢話不多說了，直接給大家貼程式碼了，具體程式碼如下圖：
<!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 = 等待開啟搶單頁; setfunction ) { 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>總結以上所述是小編給大家介紹的HTML實現雙11搶劵(設定時間打開搶券的頁面)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VeVb武林網站的支持！