这篇文章主要介绍了 JavaScript 电子时钟倒计时的实现代码,具有一定的参考价值,感兴趣的朋友可以参考一下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
JavaScript 时间类
1、获取时分秒:
getHours()
getMinutes();
getSeconds();
2、获取年月日:
getFullYear();
getMonth() + 1;// 获取的月份需要 + 1;
getDate(); // 日期
getDay(); // 获取的是星期,0--》星期天
效果图:
具体代码:
- <!doctype html>
- <html>
- <meta charset="utf-8">
- <title>倒计时</title>
- <head>
- <style type="text/CSS">
- *{
- margin: 0;
- padding: 0;
- }
- .wrap{
- width: 350px;
- height: 100px;
- background-color: black;
- }
- #dates{
- color: #fff;
- margin-top: 10px;
- display: block;
- margin-left: 15px;
- }
- p{
- color: #fff;
- }
- </style>
- </head>
- <body>
- <div class="wrap">
- <p>距离2016年02月08号00时00分00秒春节倒计时:</p>
- <!-- <p>距离2016年01月07号23时59分59秒倒计时:</p> -->
- <span id="dates"></span>
- </div>
- <script type="text/javascript">
- var dates = document.getElementById("dates");
- function getRTime(){
- var EndTime= new Date('2016/02/07 23:59:59'); //截止时间
- var NowTime = new Date();
- var t =EndTime.getTime() - NowTime.getTime();
- 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`);
- var p=Math.floor(t`);
- if(d<10){
- d="0"+d;
- }
- if(h<10){
- h="0"+h;
- }
- if(m<10){
- m="0"+m;
- }
- if(s<10){
- s="0"+s;
- }
- if(p<10){
- p="0"+p;
- }
- dates.innerHTML=d+ "日" + h + "小时"+ m +"分" + s +"秒"+p+"毫秒";
- }
- setInterval(getRTime,1);
- </script>
- </body>
- </html>
以上就是本文的详细内容,希望对大家的学习 javascript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0406/267638.html