HTML は Double 11 クーポン取得を実装します (クーポン取得ページを開く時間を設定します)

HTML は Double 11 クーポン取得を実装します (クーポン取得ページを開く時間を設定します)

さっそく、コードを直接投稿します。具体的なコードは次のとおりです。

<!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 インストール チュートリアル

>>:  ウェブサイトを高速化する

推薦する

HTML フォームタグチュートリアル (2):

このチュートリアルでは、ウェブデザインにおけるFORMフォームタグのさまざまな属性の応用を紹介します...

IE で ClearType をオンにした後の透明フォントの問題の解決方法

IE で ClearType をオンにした後に発生する透明フォントの問題を解決するには、透明要素に背...

MySQL パフォーマンス最適化のための魔法のツール、Explain の基本的な使用分析

導入MySQL には、SELECT ステートメントを分析し、開発者が最適化できるように SELECT...

データベース復旧エラーの原因となる MySQL 文字セットの簡単な分析

MySQL の文字セットエンコーディングが正しくないデータをインポートすると、エラーが表示されます。...

CSSレイアウトで中央揃えレイアウトを実現する方法

1. 親コンテナーをテーブルに設定し、子をインライン要素に設定します。テキストを表示するサブコンテン...

Vueは新しいウィンドウを開き、パラメータ転送のグラフィック例を実装します。

私が実現したい機能は、新しいウィンドウを開いて新しいページを表示することですが、パラメータを渡す必要...

複数レベルの複雑な動的ヘッダーの avue-crud 実装例

目次序文バックグラウンドデータの結合フロントエンドデータ表示ページ効果表示Avue.js は、既存の...

JavaScript イベント ループのケース スタディ

js のイベント ループJavaScript はシングルスレッドなので、同じイベントで実行できるメソ...

Linuxの貼り付けコマンドの使い方

01. コマンドの概要貼り付けコマンドは各ファイルを列ごとに結合します。これは、2 つの異なるファイ...

MySQL インデックスクエリ最適化スキルを習得するための記事

序文この記事では、DBA がいないチームが参考にできるように、MySQL の一般的な使用に関するヒン...

Nginx インストール エラーの解決方法

1. nginx-1.8.1.tar.gzを解凍する2. fastdfs-nginx-module-...

MySQL データベース トランザクション例のチュートリアル

目次1. トランザクションとは何ですか? 2. トランザクションに関連するステートメントは、挿入、削...

シンプルなjQuery + CSSを使用してカスタムタグタイトルツールチップを作成します

導入シンプルな jQuery + CSS を使用して、ブラウザのデフォルトの動作を置き換えるカスタム...

負のマージントップ値は、ラベルテキストと入力の間の垂直中央揃えの問題を解決します。

ラベルテキストと入力の垂直方向の中央揃えを調整するのは簡単ではありません。padding、verti...

React-vscode で jsx 構文を使用する際の問題と解決策

問題の説明プラグインをインストールした後、ES7 React/Redux/GraphQL/React...