js倒计时简单实现方法
本文实例讲述了js倒计时简单实现方法的代码,分享给大家供大家参考,具体如下:
functiontimeDown(second){ varmonth='',day='',hour='',minute=''; if(second>=86400*30){ month=Math.floor(second/(86400*30))+'月'; second=second%(86400*30); } if(second>=86400){ day=Math.floor(second/86400)+'天'; second=second%(86400); } if(second>=3600){ hour=Math.floor(second/3600)+'小时'; second=second%3600; } if(second>=60){ minute=Math.floor(second/60)+'分'; second=second%60; } if(second>0){ second=second?second+'秒':''; } returnmonth+day+hour+minute+second; }
如果想显示倒计时效果,可以使用如下代码调用:
<!--引入jquery--> <script> $(function(){ varsecond=10000; $('.remain_time').html(timeDown(second)); setInterval(function(){ second--; $('.remain_time').html(timeDown(second)); },1000); }) </script> <spanclass="remain_time"></span>
jquery插件形式:
$.fn.timeDown=function(opt){ varsecond=opt.second; vartip='已过期'; var$this=this; self._timeDown=function(second){ varmonth='',day='',hour='',minute=''; if(second>=86400*30){ month=Math.floor(second/(86400*30))+'月'; second=second%(86400*30); } if(second>=86400){ day=Math.floor(second/86400)+'天'; second=second%(86400); } if(second>=3600){ hour=Math.floor(second/3600)+'小时'; second=second%3600; } if(second>=60){ minute=Math.floor(second/60)+'分'; second=second%60; } if(second>0){ second=second?second+'秒':''; }else{ returntip; } returnmonth+day+hour+minute+second; }; $this.html(self._timeDown(second)); setInterval(function(){ second--; $this.html(self._timeDown(second)); },1000) }; //使用方式 $('.remain_time').timeDown({second:1000,tip:'已过期'})
希望本文所述对大家JavaScript程序设计有所帮助。