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

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

推薦する

Vue の高度なコンポーネント機能コンポーネントの使用シナリオとソースコード分析

目次導入使用シナリオソースコード分析要約する導入Vue は、コンポーネントをステートレスかつインスタ...

Dell R720 サーバーに Windows Server 2008 R2 をインストールする方法

注: この記事のすべての写真はインターネットから収集されたものであるため、DELL R720 サーバ...

DockerはMariaDBのサブライブラリとサブテーブル、および読み書き分離機能を実装します

目次1. はじめに2. 環境整備1. 基本環境3.Mysqlマスタースレーブ構成をインストールする1...

Linux C バックグラウンドサービスプログラムの単一プロセス制御の実装

導入通常、バックグラウンド サーバー プログラムには 1 つのプロセスのみが必要ですが、単一のプロセ...

文字列の最初の文字を取得してテキストアイコン機能を実現する純粋なCSS

CSS でテキストアイコンを実装する方法 /*アイコンスタイル*/ .nav-icon-norma...

VMware、nmap、burpsuite インストール チュートリアル

目次VMware バープスイート1. 仮想マシンイメージとVMwareのインストールと使用2. 仮想...

MysqlチューニングExplainツールの詳細な説明と実践的な演習(推奨)

MySQL チューニング ツールの詳細な説明と実践的な演習の説明 ツールの紹介の説明 分析例の説明...

Linux での MySQL 5.7 の導入とリモート アクセス構成

前書き: 最近、私はパートナーとチームを組んで .NET Core プロジェクトに取り組む予定です。...

VMware で Nginx+KeepAlived クラスタ デュアルアクティブ アーキテクチャを展開する際の問題と解決策

序文負荷分散には nginx を使用します。アーキテクチャのフロントエンドまたは中間層として、トラフ...

複数のネットワークカードを備えた Linux システムでのルーティング構成の詳細な説明

Linux でのルーティング設定コマンド1. ホストルーティングを追加する ルートを追加 -host...

Mysql マスタースレーブ同期構成の実践の詳細な説明

1. はじめに以前、「MySQL マスター スレーブ同期の原理」という記事を書きました。この記事を読...

CSS による要素の中央揃えの原理の分析

CSS で要素の水平方向と垂直方向の中心を設定することは、非常に一般的な要件です。しかし、理論的には...

MySQL 8.0.19 winx64 インストールチュートリアルと Windows 10 での初期パスワードの変更

この記事では、参考までにMySQL 8.0.19 winx64のインストールチュートリアルを紹介しま...

MyCat を使用して Linux で MySQL マスター/スレーブの読み取り/書き込み分離を実装する方法

目次Linux - MyCat を使用して MySQL マスター スレーブの読み取り書き込み分離を実...

Alibaba Cloud Server ドメイン名解決手順 (初心者向けチュートリアル)

ウェブサイトの構築を始めたばかりの初心者には、理解し、学ぶべきことがたくさんあります。ウェブサイトを...