时间倒计时代码的编写
function fenz(i,k,l,m){
if(k=="1"){
document.getElementById(l).innerHTML="离活动开始还有";
}else{
document.getElementById(l).innerHTML="离活动结束还有";
}
if(i<60){
if(i<=0){
if(k=="1"){
document.getElementById(l).innerHTML="亲,活动开始了";
document.getElementById(m).innerHTML="";
return 3;
}else{
document.getElementById(l).innerHTML="";
document.getElementById(m).innerHTML="活动已经结束";
return 2;
}
}else{
var s=i<10?""+i+"":""+i+"";
document.getElementById(m).innerHTML=":"+s+"秒";
}
}else if (i>=60&&i<60*60){
document.getElementById(m).innerHTML=":"+Math.floor(i/60)+"分"+(i%60)+"秒";
}else if (i>=60*60&&i<24*60*60)
{
document.getElementById(m).innerHTML=":"+Math.floor(i/3600)+"时"+Math.floor(i/60%60)+"分"+(i%60%60)+"秒";
}else if (i>=24*60*60&&i<30*24*60*60)
{
document.getElementById(m).innerHTML=":"+Math.floor(i/86400)+"天"+Math.floor(i/3600%24)+"时"+Math.floor(i/60%60)+"分"+(i%60%60)+"秒";
}
if(k=="1"){
document.getElementById(l).innerHTML="离活动开始还有";
}else{
document.getElementById(l).innerHTML="离活动结束还有";
}
if(i<60){
if(i<=0){
if(k=="1"){
document.getElementById(l).innerHTML="亲,活动开始了";
document.getElementById(m).innerHTML="";
return 3;
}else{
document.getElementById(l).innerHTML="";
document.getElementById(m).innerHTML="活动已经结束";
return 2;
}
}else{
var s=i<10?""+i+"":""+i+"";
document.getElementById(m).innerHTML=":"+s+"秒";
}
}else if (i>=60&&i<60*60){
document.getElementById(m).innerHTML=":"+Math.floor(i/60)+"分"+(i%60)+"秒";
}else if (i>=60*60&&i<24*60*60)
{
document.getElementById(m).innerHTML=":"+Math.floor(i/3600)+"时"+Math.floor(i/60%60)+"分"+(i%60%60)+"秒";
}else if (i>=24*60*60&&i<30*24*60*60)
{
document.getElementById(m).innerHTML=":"+Math.floor(i/86400)+"天"+Math.floor(i/3600%24)+"时"+Math.floor(i/60%60)+"分"+(i%60%60)+"秒";
}
}
/**
a 活动结束时间
b活动开始时间
c标识1的id名
d显示时间的容器的id名
**/
function times(a,b,c,d){
var date=Date.parse(a);
var date2= Date.parse(b);
var date3=Date.parse(new Date());
var i=(date-date3)/1000;
var j=(date2-date3)/1000;
if(i<=0){
document.getElementById(c).innerHTMl="";
document.getElementById(d).innerHTML="活动已经结束";
return ;
}
var ti=setInterval(function (){ if(j>=0){
j--; fenz(j,1,c,d);
}else{
i--; var times=fenz(i,2,c,d);if(times==2){ ti=0; return false ;} }
},1000);
var date=Date.parse(a);
var date2= Date.parse(b);
var date3=Date.parse(new Date());
var i=(date-date3)/1000;
var j=(date2-date3)/1000;
if(i<=0){
document.getElementById(c).innerHTMl="";
document.getElementById(d).innerHTML="活动已经结束";
return ;
}
var ti=setInterval(function (){ if(j>=0){
j--; fenz(j,1,c,d);
}else{
i--; var times=fenz(i,2,c,d);if(times==2){ ti=0; return false ;} }
},1000);
}
times("2012/4/17 20:01:00","2012/4/7 19:58:03","mes","abc");
times("2012/4/17 20:01:00","2012/4/7 19:58:03","mes","abc");
//times("2012/4/7 20:01:00","2012/4/7 19:58:03","mes","abc"); 活动结束时间小当前时间 则显示活动已经结束.否则开始倒计时
//times("2012/4/17 20:01:00","2012/4/7 22:58:03","mes","abc"); 活动开始时间大于当前时间 则显示离活动开始还有多久否则开始倒计时
times("2012/4/13 20:00:00","2012/4/7 19:58:06","mess","abcd");
times("2012/4/13 20:00:00","2012/4/7 19:58:06","mess","abcd");
有多个活动只需调用times()方法就可以了
//var length=(date50-date2)/10e00;
//var i=length;
//var length=(date50-date2)/10e00;
//var i=length;
成都创新互联公司总部坐落于成都市区,致力网站建设服务有网站设计、成都网站制作、网络营销策划、网页设计、网站维护、公众号搭建、微信小程序开发、软件开发等为企业提供一整套的信息化建设解决方案。创造真正意义上的网站建设,为互联网品牌在互动行销领域创造价值而不懈努力!
执行结果:
离活动结束还有:9天22时45分57秒
离活动结束还有:9天22时44分57秒
活动已经结束
离活动结束还有:5天22时42分48秒
离活动开始还有:1时34分36秒
离活动结束还有:5天22时36分33秒
分享标题:时间倒计时代码的编写
文章源于:http://myzitong.com/article/pspppd.html