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程序设计有所帮助。
热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短