ホームページ ウェブフロントエンド jsチュートリアル オブジェクト指向の javascript_time と date に基づいた同じページ上の複数の製品カウントダウン JS

オブジェクト指向の 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 までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Vue を使用してボタンのカウントダウン効果を実装する方法 Vue を使用してボタンのカウントダウン効果を実装する方法 Sep 21, 2023 pm 02:03 PM

Vue を使用してボタンのカウントダウン効果を実装する方法

C++ で簡単なカウントダウン プログラムを作成するにはどうすればよいですか? C++ で簡単なカウントダウン プログラムを作成するにはどうすればよいですか? Nov 03, 2023 pm 01:39 PM

C++ で簡単なカウントダウン プログラムを作成するにはどうすればよいですか?

Win10 起動時の 10 秒カウントダウンをキャンセルするには? Win10 起動時のカウントダウンをキャンセルする 3 つの方法 Win10 起動時の 10 秒カウントダウンをキャンセルするには? Win10 起動時のカウントダウンをキャンセルする 3 つの方法 Feb 29, 2024 pm 07:25 PM

Win10 起動時の 10 秒カウントダウンをキャンセルするには? Win10 起動時のカウントダウンをキャンセルする 3 つの方法

CSS を使用してカウントダウン効果を作成する方法 CSS を使用してカウントダウン効果を作成する方法 Oct 26, 2023 am 10:36 AM

CSS を使用してカウントダウン効果を作成する方法

JavaScript に基づいた Web カウントダウン アプリケーションの開発 JavaScript に基づいた Web カウントダウン アプリケーションの開発 Aug 08, 2023 am 09:55 AM

JavaScript に基づいた Web カウントダウン アプリケーションの開発

uniappでタイマーを使用してページカウントダウン効果を実現する方法 uniappでタイマーを使用してページカウントダウン効果を実現する方法 Oct 18, 2023 am 11:18 AM

uniappでタイマーを使用してページカウントダウン効果を実現する方法

Vue を使用して検証コードのカウントダウン効果を実装する方法 Vue を使用して検証コードのカウントダウン効果を実装する方法 Sep 19, 2023 am 11:36 AM

Vue を使用して検証コードのカウントダウン効果を実装する方法

uniappでカウントダウンと目覚まし時計機能を実装する方法 uniappでカウントダウンと目覚まし時計機能を実装する方法 Oct 20, 2023 pm 06:36 PM

uniappでカウントダウンと目覚まし時計機能を実装する方法

See all articles