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程序设计有所帮助。
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下