JQuery は Xiaomi 携帯電話のラッシュ購入ページのカウントダウンを模倣しますeffect_jquery

1. 効果と機能の説明

秒単位で正確に時間を制御することで、アクティビティの残り時間をユーザーに知らせます。

2. 実施原則

まず、アクティビティの終了時刻をミリ秒単位で定義します。現在の年を秒単位で取得した後、残りの時刻を減算します。下記に時間が表示され、締切までの時間がわかります。

メインコード

コードをコピーします コードは次のとおりです:

var startTime = new Date();
// 現在時刻を取得します
startTime.setFull Year(2016, 5, 27);
//呼び出して年を設定します
startTime.setHours(23);
// 呼び出して、指定された時刻の時間フィールドを設定します
startTime.setMinutes(59);
//指定した時刻の分フィールドを設定するために呼び出します
startTime.setSeconds(59);
//指定された時刻の秒フィールドを設定するために呼び出します
startTime.setMilliseconds(999);
//指定された時刻のミリ秒フィールドを設定するために呼び出します
var EndTime=startTime.getTime();
//終了時刻を取得します
var nMS = EndTime - NowTime.getTime();
//終了時刻から現在時刻を引いて残り時間を取得します
var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
//日数を取得するパラメータを定義します
var nH = Math.floor(nMS/(1000*60*60)) % 24;
//時間を取得するパラメータを定義します
var nM = Math.floor(nMS/(1000*60)) % 60;
//分を取得するパラメータを定義します
var nS = Math.floor(nMS/1000) % 60;
//秒を取得するパラメータを定義します。これらは現在の時刻です

3. 動作環境
IE6 IE7 IE8 以降 Firefox および Google
Chromeブラウザで実現できます

4. すべての画像の圧縮パッケージ用の新しいファイルを作成し、パッケージを解凍してフォルダーに配置します。ダウンロード後、画像の圧縮パッケージが表示され、ダウンロードできます。フォルダー名はすでに書き込まれており、html5 内のパスは

と一致するため、変更する必要はありません。

5. 作成したhtmlファイルを保存する際、一部の漢字が正常に表示されるようにエンコードタイプを(署名付きUTF-8)に変更します。保存タイプ(T)を(すべてのファイル(*.*))に変更します。 )、html5フォルダーと解凍した画像フォルダーを同じフォルダーに置きます

6. コード

コードをコピー コードは次のとおりです:

">http://code.jquery.com/jquery-1.9.1.js">>



   

       

本次活动已结束。

       

天时分秒

   

var startTime = new Date();
//その日の日付と時刻を返すパラメータを定義します
StartTime.setFull Year(2016, 5, 27);
//呼び出して年を設定します
StartTime.setHours(23);
// 呼び出して、指定された時刻の時間フィールドを設定します
StartTime.setMinutes(59);
//指定した時刻の分フィールドを設定するために呼び出します
StartTime.setSeconds(59);
//指定された時刻の秒フィールドを設定するために呼び出します
StartTime.setMilliseconds(999);
//指定された時刻のミリ秒フィールドを設定するために呼び出します
var EndTime=startTime.getTime();
//1970 年 1 月 1 日からのミリ秒数を返すパラメータを定義します
関数 GetRTime(){
//メソッドを定義
var NowTime = new Date();
//その日の日付と時刻を返すパラメータを定義します
var nMS = EndTime - NowTime.getTime();
//1970 年 1 月 1 日からのミリ秒数を返すパラメータ EndTime から NowTime パラメータを引いた値を定義します
var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
//日数を取得するパラメータを定義します
var nH = Math.floor(nMS/(1000*60*60)) % 24;
//時間を取得するパラメータを定義します
var nM = Math.floor(nMS/(1000*60)) % 60;
//分を取得するパラメータを定義します
var nS = Math.floor(nMS/1000) % 60;
//秒を取得するパラメータを定義します
If (nMS //秒が 0 より大きい場合
$("#dao").hide();
// 獲得日数を非表示にします
$("#daoend").show();
// イベント期限拡張を取得します
}その他{
//そうでない場合
$("#dao").show();
//日数を拡張します
$("#daoend").hide();
//イベント期限は非表示です
$("#RemainD").text(nD);
//日数を表示
$("#RemainH").text(nH);
// 時間を表示 $("#RemainM").text(nM);
// 分を表示 $("#RemainS").text(nS); //秒を表示
}
}
$(document).ready(function () {
//メソッドを定義
var timer_rt = window.setInterval("GetRTime()", 1000);
//パラメータを定義し、1000 ミリ秒後に開始する GetRTime() メソッドを表示します
});