時間倒計時代碼的編寫

時間 2019-11-08

標籤時間倒計時代碼編寫简体版

原文原文鏈接

<!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>
html

執行結果：ide

離活動結束還有：9天22時45分57秒spa

離活動結束還有：9天22時44分57秒htm

活動已經結束ip

離活動結束還有：5天22時42分48秒get

離活動開始還有：1時34分36秒generator

離活動結束還有：5天22時36分33秒it

相關文章

相關標籤/搜索

時間的朋友

代碼格式化

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<