时间倒计时代码的编写

发布时间:2020-06-24 08:45:08 作者:shimingjie
来源:网络 阅读:749
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body>
<span id="mes"></span><span id="abc"></span>
<br>
<span id="mess"></span><span id="abcd"></span>
<script>
 
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="<font><b>亲,活动开始了</b></font>";
  document.getElementById(m).innerHTML="";
  return 3;
  }else{
  document.getElementById(l).innerHTML="";
  document.getElementById(m).innerHTML="<font color='red'><b>活动已经结束</b></font>";
  return 2;
  }
  }else{
  var s=i<10?"<font color='red'><b>"+i+"</b></font>":"<b>"+i+"</b>";
  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="<font color='red'><b>活动已经结束</b></font>";
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/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()方法就可以了
//var length=(date50-date2)/10e00;
//var i=length;

</script>


</body>
</html>
 

执行结果:

离活动结束还有:9天22时45分57秒

离活动结束还有:9天22时44分57秒

 

活动已经结束

离活动结束还有:5天22时42分48秒

 

离活动开始还有:1时34分36秒

离活动结束还有:5天22时36分33秒

 

 

推荐阅读:
  1. 加密代码的编写
  2. iOS 时间分钟秒的倒计时

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

时间倒计时程序代码 常用倒计时方法

上一篇:Ansible API 2.0解析

下一篇:类模板的分离编译

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》