ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery は Xiaomi 携帯電話のラッシュ購入ページのカウントダウンを模倣しますeffect_jquery

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

WBOY
リリース: 2016-05-16 16:26:28
オリジナル
1715 人が閲覧しました

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. コード

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






   

       
       

   

<スクリプトタイプ="text/javascript">
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);
// 時間を表示
このコードは私のプロジェクトから引用したものです。ご質問がございましたら、お気軽にメッセージを残してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート