博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Date对象简单实例
阅读量:6651 次
发布时间:2019-06-25

本文共 1595 字,大约阅读时间需要 5 分钟。

  hot3.png

对于Date对象,学过javascript的应该都是比较熟悉的了,下面直接给出一个实例

时间显示效果
  window.onload = function(){    showTime();    freshTime();  }  function checkTime(i){  //补位处理      if(i<10){          i="0"+i;      }    return i;  }  //时间显示效果  function showTime(){    var now=new Date();    var year=now.getFullYear();    var month=now.getMonth()+1;    var day=now.getDate();    var d=now.getDay();    var h=now.getHours();    var m=now.getMinutes();    var s=now.getSeconds();    m=checkTime(m);    s=checkTime(s);    var weekday=new Array(7);    weekday[0]="星期日"    weekday[1]="星期一"    weekday[2]="星期二"    weekday[3]="星期三"    weekday[4]="星期四"    weekday[5]="星期五"    weekday[6]="星期六"    document.getElementById("time").innerHTML=""+year+"年"+month+"月"+day+"日 "+  weekday[d] +h+":"+m+":"+s;    t=setTimeout('showTime()',500);//半秒运行一次  }  //倒计时效果  function freshTime(){    var endtime = new Date("2016,6,6,12:00:00");    var nowtime = new Date();    var lefttime = Math.floor((endtime.getTime() - nowtime.getTime())/1000);//获取总秒数    var d = Math.floor(lefttime/(24*60*60));//获取天数    var h = Math.floor(lefttime/(60*60)%24);//获取时数    var m = Math.floor(lefttime/(60)%60);//获取分数    var s = Math.floor(lefttime%60);//获取秒数    m=checkTime(m);    s=checkTime(s);    if(lefttime<=0){      document.getElementById("counter").innerHTML="计时结束";      clearTimeout(sh);    }else{       document.getElementById("counter").innerHTML="距离结束还有 "+d+"天"+h+"时"+m+"分"+s+"秒";    }    sh = setTimeout("freshTime()",500);  }

显示系统时间:

显示倒计时:

然后在浏览器上的效果如下

184146_pfrK_2440934.png

转载于:https://my.oschina.net/lgr6/blog/640136

你可能感兴趣的文章
解决office2007-安装程序找不到office.zh-cn\Setup.xml
查看>>
2013年最值得我们学习的网页作品示例【系列六】
查看>>
C++的那些事:容器和泛型算法
查看>>
重新想象 Windows 8 Store Apps (51) - 输入: 涂鸦板
查看>>
php 回调函数
查看>>
Oracle 在 多个Virtualbox 虚拟机间 跨不同物理宿主机进行通信
查看>>
Visual Studio 2012完美的拥抱GitHub
查看>>
[转]asp.net MVC 常见安全问题及解决方案
查看>>
安装elasticsearch
查看>>
__inline定义的内联函数和宏的区别
查看>>
人生规划和GTD——"知"、"得"与"合"
查看>>
ntp/系统时钟/硬件时钟/双系统下计算机时间读取的问题
查看>>
iOS 如何在整个屏幕中都能实现滑动返回的效果
查看>>
欧拉工程第66题:Diophantine equation
查看>>
php二维数组按照键值排序的方法
查看>>
backBone.js初识
查看>>
Web API 安全问题
查看>>
ubuntu 14.04 安装preforce
查看>>
Ognl底层使用
查看>>
sflow
查看>>