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

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

推薦する

Docker に influxdb をインストールするための詳細なチュートリアル (パフォーマンス テスト)

1. 前提条件1. プロジェクトが展開されました2. Dockerはすでにインストールされている2...

Ubuntu 18.04 に MySQL をインストールする (グラフィカル チュートリアル)

ヒント: 以下の操作はすべて root 権限で実行されます。 # MySQL がインストールされてい...

カルーセルアニメーションを実現するVueコンポーネント

この記事では、カルーセルアニメーションを実現するためのVueコンポーネントの具体的なコードを例として...

Windows Server 2019 のセットアップ方法 (画像とテキスト付き)

1. Windows Server 2019 のインストールVmware に Windows Se...

収集する価値のある Linux ドキュメント編集コマンド 27 個

Linux col コマンドLinux の col コマンドは制御文字をフィルタリングするために使用...

CSS3は赤い封筒を振る効果を実現します

赤い封筒の揺れ効果を実現するには要件があります。これまでやったことがないので、記録しておきます。ヘヘ...

Vue の関連ページへのマルチレベルジャンプ (ページドリルダウン) 機能の完全な例

背景プロジェクト開発プロセスでは、前のページから次のページにジャンプする必要に迫られることがよくあり...

WeChatアプレットは固定ヘッダーとリストテーブルコンポーネントを実装します

目次必要:機能ポイントレンダリング実装のアイデア具体的なコード(react\taro3.0)特定のコ...

Linux システムで IPv6 をサポートするように Nginx を設定する方法

1. 既存のnginxがipv6をサポートしているかどうかを確認する既存の nginx が ipv6...

Windows 7 環境での Docker 高速ビルドと Alibaba Cloud コンテナ高速化構成の詳細な説明

前回の Docker に関する記事では、MAC システムでの構築について説明しました。この記事では、...

Jenkins の docker-compose デプロイメントと構成に関する詳細なチュートリアル

Docker-compose デプロイメント構成 Jenkins 1. Docker-compose...

Zabbix上のすべてのホストのIPとホスト名を取得する

ザビックスZabbix ([`zæbiks]) は、WEB インターフェースに基づいて分散システム監...

Remレイアウトを使用して適応性を実現する

以前、モバイル適応に関する記事を書きました。非常に長く、内容が多すぎて読みづらいものでした。そこで、...