基于javascript实现的购物商城商品倒计时实例
话不多说，下面跟着小编一起来看下实例代码吧
Js:
/**
*Author:Black_Jay郗
*downCount:时间转换倒计时
*/
(function($){
$.fn.downCount=function(options,callback){
varsettings=$.extend({
date:null,
offset:null
},options);
if(!settings.date){
$.error('Dateisnotdefined.');
}
if(!Date.parse(settings.date)){
$.error('Incorrectdateformat,itshouldlooklikethis,12/24/201212:00:00.');
}
varcontainer=this;
varcurrentDate=function(){
vardate=newDate();
/*varutc=date.getTime()+(date.getTimezoneOffset()*60000);
varnew_date=newDate(utc+(3600000*settings.offset));*/
returndate;
};
functioncountdown(){
vartarget_date=newDate(settings.date),
current_date=currentDate();
vardifference=target_date-current_date;
if(difference<0){
clearInterval(interval);//取消setInterval()函数设定的定时执行操作
if(callback&&typeofcallback==='function')callback();
return;
}
var_second=1000,
_minute=_second*60,
_hour=_minute*60,
_day=_hour*24;
vardays=Math.floor(difference/_day),
hours=Math.floor(((difference%_day)/_hour)+(days*24)),
minutes=Math.floor((difference%_hour)/_minute),
seconds=Math.floor((difference%_minute)/_second);
days=(String(days).length>=2)?days:'0'+days;
hours=(String(hours).length>=2)?hours:'0'+hours;
minutes=(String(minutes).length>=2)?minutes:'0'+minutes;
seconds=(String(seconds).length>=2)?seconds:'0'+seconds;
container.find('.hours').text(hours);
container.find('.minutes').text(minutes);
container.find('.seconds').text(seconds);
};
varinterval=setInterval(countdown,1000);
};
})(jQuery);
html:
<!--倒计时显示Star--> <pclass="countdown"> <spanclass="hours">00</span>: <spanclass="minutes">00</span>: <spanclass="seconds">00</span> </p> <!--倒计时End-->
最后输入你想要的结束时间
JS：
$('.countdown').downCount({
date:'11/09/201613:45:00',
offset:+10
},function(){
alert('秒杀已结束');
});
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！