オブジェクト指向の javascript_time と date に基づいた同じページ上の複数の製品カウントダウン JS
May 16, 2016 pm 05:56 PM
秒読み
复制代 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title></title>
<script src="http://img.jb51.net/jslib/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
関数 showTime(tuaid, time_ distance) {
this.tuanid = tuaid;
//PHP 時間は秒、JS 時間はマイクロ秒
this.time_ distance = time_ distance * 1000;
}
showTime.prototype.setTimeShow = function () {
var timer = $("#lefttime_" this.tuaid);
var str_time;
var int_day、int_hour、int_min、int_second;
時間距離 = this.時間距離;
この.時間の距離 = この.時間の距離 - 1000;
if (時間距離 > 0) {
int_day = Math.floor(時間距離 / 86400000);
時間距離 -= int_day * 86400000;
int_hour = Math.floor(時間距離 / 3600000);
時間距離 -= int_hour * 3600000;
int_ minutes = Math.floor(time_ distance / 60000);
時間距離 -= int_分 * 60000;
int_sec = Math.floor(時間距離 / 1000);
if (int_hour int_hour = "0" int_hour;
if (int_分 int_分 = "0" int_分;
if (int_秒 int_秒 = "0" int_秒;
str_time = int_day "天" int_hour "小時" int_minut "分钟" int_second "秒";
timer.text(str_time);
var self = this;
setTimeout(function() { self.setTimeShow(); }, 1000); //D:正确
} else {
timer.text("团购结束");
戻る;
}
}
</script>
</head>
<div id="lefttime_1" time="2011/11/23 6:58:23">
</div>
<script type="text/javascript">
var st = 新しい showTime(1,3);
//st.tuanid = 1;
//st.time_ distance = 10000;
st.setTimeShow();
</script>
<div id="lefttime_2" time="2011/11/24 6:58:23">
</div>
<script type="text/javascript">
var st = 新しい showTime(2, 5);
//st.tuanid = 1;
//st.time_ distance = 10000;
st.setTimeShow();
</script>
</body>
</html>
上の番号は jquery に必要です、大家は注意してください
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気の記事
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
人気の記事
レポ：チームメイトを復活させる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.説明されたエネルギー結晶と彼らが何をするか（黄色のクリスタル）
1週間前
By 尊渡假赌尊渡假赌尊渡假赌
ハローキティアイランドアドベンチャー：巨大な種を手に入れる方法
3週間前
By 尊渡假赌尊渡假赌尊渡假赌
スプリットフィクションを打ち負かすのにどれくらい時間がかかりますか？
3週間前
By DDD
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
Gmailメールのログイン入り口はどこですか？
7303
9
7303
9
Java チュートリアル
1622
14
1622
14
CakePHP チュートリアル
1342
46
1342
46
Laravel チュートリアル
1259
25
1259
25
PHP チュートリアル
1207
29
1207
29
C++ で簡単なカウントダウン プログラムを作成するにはどうすればよいですか?
Nov 03, 2023 pm 01:39 PM
C++ で簡単なカウントダウン プログラムを作成するにはどうすればよいですか?
Win10 起動時の 10 秒カウントダウンをキャンセルするには? Win10 起動時のカウントダウンをキャンセルする 3 つの方法
Feb 29, 2024 pm 07:25 PM
Win10 起動時の 10 秒カウントダウンをキャンセルするには? Win10 起動時のカウントダウンをキャンセルする 3 つの方法
JavaScript に基づいた Web カウントダウン アプリケーションの開発
Aug 08, 2023 am 09:55 AM
JavaScript に基づいた Web カウントダウン アプリケーションの開発
