基于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('秒杀已结束'); });
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持毛票票!