×

JavaScript创建一个date对象,使用date对象即可返回当前日期和时间

作者:andy0012020.03.02来源:Web前端之家浏览:10758评论:0
关键词:jsdata

通过JavaScript创建一个date对象,使用date对象即可返回当前日期和时间,使用date对象中的方法可以返回date对象中的年、月、日等时间。

通常的办法是利用JavaScript创建一个Date对象,通过对象来调用Date类的方法:

实现代码:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>当前系统时间</title>
<script type="text/javascript">
  window.onload = function(){ //页面加载完成时实现
    showTime();
  }
  function checkTime(i){  //补位处理
     if(i<10){
         i="0"+i;
     } 
     return i;
  }
  function showTime(){ //时间显示函数
    var now=new Date(); //创建一个Date对象
    var year= now.getFullYear() ; //年
    var month=now.getMonth()+1 ; //月份(从0开始),所以+1
    var date= now.getDate()  ; //日(1-31)
    var day=now.getDay();  //星期(0-6)
    var h= now.getHours()  ; //小时(0-23)
    var m= now.getMinutes()  ;  //分钟(0-59)
    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("show").innerHTML=""+year+"年"+month+"月"+date+"日 "+ weekday[day] 
    +h+":"+m+":"+s;
    t=setTimeout('showTime()',1000)  //设置定时器,每隔1s调用一次函数从而实现动态效果
  }
</script>
</head>
<body>
<div class="showTime">
  <div id="show">当前时间为:</div>
</div>
</body>
</html>

JavaScript中的Date对象:

  • Date()    返回当日的日期和时间。

  • getDate()    从 Date 对象返回一个月中的某一天 (1 ~ 31)。

  • getDay()    从 Date 对象返回一周中的某一天 (0 ~ 6)。

  • getMonth()    从 Date 对象返回月份 (0 ~ 11)。

  • getFullYear()    从 Date 对象以四位数字返回年份。

  • getHours()    返回 Date 对象的小时 (0 ~ 23)。

  • getMinutes()    返回 Date 对象的分钟 (0 ~ 59)。

  • getSeconds()    返回 Date 对象的秒数 (0 ~ 59)。    

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js8290384029840238420348.html

网友评论文明上网理性发言 已有0人参与

发表评论: