第一章 JavaScript日期时间效果--倒计时

来源:互联网 发布:炉石传说网络语言 编辑:程序博客网 时间:2024/06/08 15:39
.l{border-left:#000000 solid 1px;}.r{border-right:#000000 solid 1px;}.t{border-top:#000000 solid 1px;}.b{border-bottom:#000000 solid 1px;}第一章 JavaScript日期时间效果--倒计时
效 果 演 示:
JavaScript代码:
 

var starttime= new Date("5/01/2010");
 var dealtime = new Date("10/31/2010");
 var symbol="上海世博开幕会:2010年5月1日";
 var xymbol="上海世博闭幕会";
 var now = new Date();
 var start =starttime.getTime() - now.getTime();

 var leave =dealtime.getTime() - now.getTime();
 var startday = Math.floor(start / (1000 * 60 * 60 * 24));
 var leaveday = Math.floor(leave / (1000 * 60 * 60 * 24));
 if (startday > 0)
  document.write("今天离<br><br><font size=2>"+ symbol+"</font><br><br>还有"+startday +"天");
  else if (startday == 0)
   document.write("哈哈,明天就是世博会啦!");
   else if(leaveday >0)
    document.write("唉呀!世博会开始了!");
    else if(leaveday == 0)
     document.write("明天就是:<br><br><font size=2>"+xymbol+"</font>");
     else
      document.write("真是的,这么快就结束啦!");

JavaScript代码讲解:
 var starttime= new Date("5/01/2010");
 var dealtime = new Date("10/31/2010");
 var symbol="上海世博开幕会:2010年5月1日";
 var xymbol="上海世博闭幕会";分别定义"到世博开幕会与闭幕会”变量  var now = new Date();设置系统现在的时间。  var start =starttime.getTime() - now.getTime();
 var leave =dealtime.getTime() - now.getTime();设置变量"start"和"leave"的值为到期时间减现在时间,返回的为毫秒数  var startday = Math.floor(start / (1000 * 60 * 60 * 24));
 var leaveday = Math.floor(leave / (1000 * 60 * 60 * 24));将毫秒数化为天数,并返回一个不大于天数的整数  if (startday > 0)
  document.write("今天离<br><br><font size=2>"+ symbol+"</font><br><br>还有"+startday +"天");如果日期不是今天到期,就输出“还有多少天” else if (startday == 0)
   document.write(&quot;哈哈,明天就是世博会啦!&quot;);
   else if(leaveday &gt;0)
    document.write(&quot;唉呀!世博会开始了!&quot;);如果到期日就是系统明天日期,则输出“哈哈,明天就是世博会啦!”,否则输出“哎呀!世博会开始了!”    else if(leaveday == 0)
     document.write(&quot;明天就是:&lt;br&gt;&lt;br&gt;&lt;font size=2&gt;&quot;+xymbol+&quot;&lt;/font&gt;&quot;);
     else
      document.write(&quot;真是的,这么快就结束啦!&quot;);  如果结束日就是系统明天日期,则输出"明天就是上海世博闭幕会",否则输出”真是的,这么快就结束啦!”。
原创粉丝点击