前端实现倒计时页面显示多个。

//倒计时构造函数
function Countdown( startTime, endTime, day, house, minte, second ){ //str
var leftTime = endTime - startTime + 2000;
//定义变量 d,h,m,s保存倒计时的时间
var d, h, m, s;
this. setTime = function ( obj) {
     leftTime -= 1000;
var _this = this
setTimeout( function () {
     d = Math. floor( leftTime/ 1000/ 60/ 60/ 24);
h = Math. floor( leftTime/ 1000/ 60/ 60% 24);
m = Math. floor( leftTime/ 1000/ 60% 60);
s = Math. floor( leftTime/ 1000% 60);
d = ( d. toString(). length == 1) ? '0' + d : d;
h = ( h. toString(). length == 1) ? '0' + h : h;
m = ( m. toString(). length == 1) ? '0' + m : m;
s = ( s. toString(). length == 1) ? '0' + s : s;
//将倒计时赋值到div中
if( leftTime <= 0){
     $( day). text( "00")
     $( house). text( "00")
     $( minte). text( "00")
     $( second). text( "00")
     L_bidders. initialization();    //这是我写的调用初始化的方法,换成你自己的即可。
         return false;
     } else{
          $( day). text( d)
     $( house). text( h)
     $( minte). text( m)
     $( second). text( s)
     }
_this. setTime( obj)
}, 1000)
}
this. getTime = function () {
return time
}
}
//var a = new daojishiTime(1001,10000,"#_day","#_house","#_minute","#_second")
//a.setTime("a")

上面的工厂函数一共接受6个参数,当然你也可以整合到一个对象里面,如果需要多次调用的话直接实例化就可以。

你可能感兴趣的:(技术)