【实例名称】
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代码的准确性,请点击:倒计时显示 进行本实例源码下载
……