这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文分享了 js 倒计时显示的实例,需要的朋友可以参考借鉴,下面就跟小编一起来看看吧
话不多说,请看实例代码
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title>js倒计时显示-细数逝去的过往</title>
- <style type="text/CSS">
- #clock {
- font: bold 24pt sans;
- background-color: #f5f5f5;
- padding: 10px 15px;
- border: 1px solid #ccc;
- border-radius: 5px;
- }
- .demo {
- position: absolute;
- margin-left: 40%;
- margin-top: 40%;
- }
- </style>
- </head>
- <body>
- <div class="demo">
- <center>
- <h1>下班倒计时显示</h1>
- </center>
- <span id="clock"></span>
- </div>
- <script>
- function displayTime() {
- var elt = document.getElementById("clock");
- if(leftTime < 0) {
- elt.innerHTML = "Over";
- } else {
- var endTime = new Date("2016/11/21 18:00:00");
- var now = new Date();
- var leftTime = endTime.getTime() - now.getTime();
- var ms = parseInt(leftTime % 1000).toString();
- leftTime = parseInt(leftTime / 1000);
- var o = Math.floor(leftTime / 3600);
- var d = Math.floor(o / 24);
- var m = Math.floor(leftTime / 60 % 60);
- var s = leftTime % 60;
- elt.innerHTML = o + "小时:" + m + "分:" + s + "秒:" + ms.charAt(0);
- setTimeout(displayTime, 100);
- }
- }
- displayTime();
- </script>
- </body>
- </html>
来源: http://www.phperz.com/article/17/0522/329693.html