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 入住酒店文案祝福语简短