同一页面多个商品倒计时JS 基于面向对象的javascript_Javascript教程-查字典教程网
同一页面多个商品倒计时JS 基于面向对象的javascript
同一页面多个商品倒计时JS 基于面向对象的javascript
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:functionshowTime(tuanid,time_distance){this.tuanid=tuanid;//P...

复制代码 代码如下:

<!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">

<head>

<title></title>

<script src="http://img.jb51.net/jslib/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>

<script type="text/javascript">

function showTime(tuanid, time_distance) {

this.tuanid = tuanid;

//PHP时间是秒,JS时间是微秒

this.time_distance = time_distance * 1000;

}

showTime.prototype.setTimeShow = function () {

var timer = $("#lefttime_" + this.tuanid);

var str_time;

var int_day, int_hour, int_minute, int_second;

time_distance = this.time_distance;

this.time_distance = this.time_distance - 1000;

if (time_distance > 0) {

int_day = Math.floor(time_distance / 86400000);

time_distance -= int_day * 86400000;

int_hour = Math.floor(time_distance / 3600000);

time_distance -= int_hour * 3600000;

int_minute = Math.floor(time_distance / 60000);

time_distance -= int_minute * 60000;

int_second = Math.floor(time_distance / 1000);

if (int_hour < 10)

int_hour = "0" + int_hour;

if (int_minute < 10)

int_minute = "0" + int_minute;

if (int_second < 10)

int_second = "0" + int_second;

str_time = int_day + "天" + int_hour + "小时" + int_minute + "分钟" + int_second + "秒";

timer.text(str_time);

var self = this;

setTimeout(function () { self.setTimeShow(); }, 1000); //D:正确

} else {

timer.text("团购结束");

return;

}

}

</script>

</head>

<body>

<div id="lefttime_1" time="2011/11/23 6:58:23">

</div>

<script type="text/javascript">

var st = new 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 = new showTime(2, 5);

//st.tuanid = 1;

//st.time_distance = 10000;

st.setTimeShow();

</script>

</body>

</html>

上面的代码需要用到jquery,大家可以注意下

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类