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

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

推薦する

Webフロントエンドインターフェースの設計に必須のスキル

[必須] ユーザーインターフェースPhotoShop/花火デザインアーティストと協力して、スケッチを...

Unicode の数学記号の概要

数学、物理学、および一部の科学技術分野で使用される特殊記号は多数あります。Unicode コードには...

js キャンバスで円形の水のアニメーションを実現

この記事の例では、円形の水のアニメーションを実現するためのキャンバスの具体的なコードを参考までに共有...

Webデザインチュートリアル(6):デザインへの情熱を持ち続ける

<br />前の記事:Webデザインチュートリアル(5):Webビジュアルデザイン。 1...

js はマウスによる画像の切り替えを実装します (タイマーなし)

この記事の例では、マウス切り替え画像を実現するためのjsの具体的なコードを参考までに共有しています。...

React+Typescriptはカウントダウンフックメソッドを実装します

まず、setIntervalはフックとしてカプセル化されます👇 'react' から...

LINUX でプロセスを表示する 4 つの方法 (要約)

プロセスは CPU とメモリ内で実行されるプログラム コードであり、各プロセスは 1 つ以上のプロセ...

insert と select を組み合わせて、「データベース内のフィールドの最大値 + 1 を挿入する」メソッドを実装する

この記事はmysqlデータベースです質問 1 表 1 のデータを表 2 にインポートします。表 1 ...

ウェブページの画像の回転を実現するjs

この記事では、Webページの画像の回転を実現するためのjsの具体的なコードを参考までに共有します。具...

Linuxの基本コマンドmktempの詳しい説明

mptemp は安全な方法で一時ファイルまたはディレクトリを作成します。このコマンドの適用範囲: R...

CSS3はブラウザのスクロールバーのスタイルを変更します

注意: この方法は、Webkit ベースのブラウザにのみ適用されます。ブラウザのスクロールバーが広す...

アコーディオン効果を実現するネイティブ js

実際のWebページ開発でも、アコーディオンは頻繁に登場します。簡単なアコーディオンを作ったのですが、...

要素テーブルからヘッダーを削除する方法

show-header属性を使用したドキュメントのヒントshow-header <el-テーブ...

挿入前にレコードが既に存在するかどうかを確認するには、SQL ステートメントを使用します。

目次SQL文を挿入する前にレコードが既に存在するかどうかを確認するSQL挿入時の判断の簡単なコレクシ...

Vue.js のミックスインの詳細な説明

ミックスインは、コンポーネントに分散された再利用可能な機能を柔軟な方法で提供します。 Mixin オ...