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程序设计有所帮助。