さっそく、コードを直接投稿します。具体的なコードは次のとおりです。 <!DOCTYPE html> <html lang="ja" xmlns="http://www.w3.org/1999/xhtml"> <ヘッド> <メタ文字セット="utf-8" /> <タイトル></タイトル> <スタイル タイプ="text/css"> #結果{ 幅:500ピクセル; 境界線:1px実線 #CCCCCC; 背景:#FFFFCC; マージン:50px 自動; フォントサイズ:24px; 色:#FF0000; パディング:20px; } </スタイル> <script type="text/javascript"> window.onload = 関数(){ ショータイム(); var start = document.getElementById("start"); start.onclick = 関数(){ var パス = document.getElementById("パス").value; var time1 = document.getElementById("time1").value; var time2 = document.getElementById("time2").value; var time3 = document.getElementById("time3").value; start.value = "注文取得ページを開くのを待っています"; setInterval(関数() { var date = 新しい Date(); var 時間 = date.getHours(); var 分 = date.getMinutes(); var 秒 = date.getSeconds(); 時間 == 時間1 && 分 == 時間2 && 秒 == 時間3) { ウィンドウを開きます(パス); } }, 100); }; } 関数 showTime() { //Date オブジェクトを作成します。var today = new Date(); //年、月、日、時間、分、秒をそれぞれ取得します。var year = today.getFullYear(); var 月 = today.getMonth()+1; var day = today.getDate(); var hours = today.getHours(); var minutes = today.getMinutes(); var 秒 = today.getSeconds(); //単一の数字の場合は先頭に0を追加します 月 = 月<10 ? "0"+月 : 月; 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); } </スクリプト> </head> <本文> <div> <h2>1. コンピュータの時間を北京時間と同期する</h2> <h2>2. パスアドレスを取得したいクーポンの住所と時間に設定します</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="結果"></div> </div> </本文> </html> 要約する 上記は、編集者が紹介したダブル11クーポン取得(クーポン取得ページを開く時間の設定)のHTML実装です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。編集者がすぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。 |
<<: VMware 仮想マシン ubuntu18.04 インストール チュートリアル
このチュートリアルでは、ウェブデザインにおけるFORMフォームタグのさまざまな属性の応用を紹介します...
IE で ClearType をオンにした後に発生する透明フォントの問題を解決するには、透明要素に背...
導入MySQL には、SELECT ステートメントを分析し、開発者が最適化できるように SELECT...
MySQL の文字セットエンコーディングが正しくないデータをインポートすると、エラーが表示されます。...
1. 親コンテナーをテーブルに設定し、子をインライン要素に設定します。テキストを表示するサブコンテン...
私が実現したい機能は、新しいウィンドウを開いて新しいページを表示することですが、パラメータを渡す必要...
目次序文バックグラウンドデータの結合フロントエンドデータ表示ページ効果表示Avue.js は、既存の...
js のイベント ループJavaScript はシングルスレッドなので、同じイベントで実行できるメソ...
01. コマンドの概要貼り付けコマンドは各ファイルを列ごとに結合します。これは、2 つの異なるファイ...
序文この記事では、DBA がいないチームが参考にできるように、MySQL の一般的な使用に関するヒン...
1. nginx-1.8.1.tar.gzを解凍する2. fastdfs-nginx-module-...
目次1. トランザクションとは何ですか? 2. トランザクションに関連するステートメントは、挿入、削...
導入シンプルな jQuery + CSS を使用して、ブラウザのデフォルトの動作を置き換えるカスタム...
ラベルテキストと入力の垂直方向の中央揃えを調整するのは簡単ではありません。padding、verti...
問題の説明プラグインをインストールした後、ES7 React/Redux/GraphQL/React...