当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS代码实现倒计时显示

JS代码实现倒计时显示

2012/11/5 12:37:08作者:佚名来源:网络

移动端

【实例名称】

JS代码实现倒计时显示

【实例描述】

随着奥运会的临近,很多网站都显示了奥运倒计时的时间。本例就来学习如何计算当前时间与持定时间之间的距离。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head>     <title>标题页-学无忧(www.xue51.com)</title> <script language="JavaScript"> var deadline= new Date("08/08/2012"); var symbol="2012年8月8日"; var now = new Date(); var leave =deadline.getTime() - now.getTime(); var day = Math.floor(leave / (1000 * 60 * 60 * 24)); if (day > 0)    document.write("今天离"+ symbol+"还有"+day +"天") else if (day == 0)      document.write("只剩最后一天") else     document.write("已经超过了所定时间"); </script> </head> <body> </body> </html>

【运行效果】

 倒计时显示运行效果

【难点剖析】

本例的重点是如何计算两个日期的间隔。“getTime”方法返回一个整数值,此值代表了从1970年1月1日开始到指定日期之间时间间隔的毫秒数。本例用其计算出毫秒数后,除以“1000*60*60*24”后取整就得到了间隔天数。

【源码下载】

为了JS代码的准确性,请点击:倒计时显示 进行本实例源码下载 

标签: JS代码  时间  显示