这篇文章主要介绍了一个不错的 js html 页面倒计时可精确到秒, 很简单,但和实用,需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
一个不错的 js html 页面倒计时可精确到秒,很简单,但和实用
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <DIV id="CountMsg" class="HotDate">
- <span id="t_d">
- 00天
- </span>
- <span id="t_h">
- 00时
- </span>
- <span id="t_m">
- 00分
- </span>
- <span id="t_s">
- 00秒
- </span>
- </DIV>
- <script type="text/javascript">
- function getRTime() {
- var EndTime = new Date('2014/10/23 10:00:00'); //截止时间
- var NowTime = new Date();
- var t = EndTime.getTime() - NowTime.getTime();
- /*var d=Math.floor(t/1000/60/60/24);
- t-=d*(1000*60*60*24);
- var h=Math.floor(t/1000/60/60);
- t-=h*60*60*1000;
- var m=Math.floor(t/1000/60);
- t-=m*60*1000;
- var s=Math.floor(t/1000);*/
- var d = Math.floor(t / 1000 / 60 / 60 / 24);
- var h = Math.floor(t / 1000 / 60 / 60$);
- var m = Math.floor(t / 1000 / 60`);
- var s = Math.floor(t / 1000`);
- document.getElementById("t_d").innerHTML = d + "天";
- document.getElementById("t_h").innerHTML = h + "时";
- document.getElementById("t_m").innerHTML = m + "分";
- document.getElementById("t_s").innerHTML = s + "秒";
- }
- setInterval(getRTime, 1000);
- </script>
- </body>
- </html>
来源: