Date 对象
Date 对象用于处理日期和时间。
创建 Date 对象的语法:
var myDate=new Date()
1.getDate() 方法可返回月份的某一天。
提示和注释:
注释:该方法总是结合一个 Date 对象来使用。也就是说要使用getDate(),前面要先创建一个 Date 对象。如下面:
<script type="text/javascript"> var d = new Date() //创建了一个 Date对象d。 document.write(d.getDate()) //d.getDate() Date对象的月份某一个天。如果Date对象d没有定义具体日期,就默认是系统当前的日期。 </script> 如何使用 getDate(), getMonth() 以及 getFullYear() 以不同的格式来显示当前日期。
<script type="text/javascript">
var d=new Date()
var day=d.getDate()
var month=d.getMonth() + 1
var year=d.getFullYear()
document.write(day + "." + month + "." + year) //字符串换链接
document.write("<br /><br />") //换行
document.write(year + "/" + month + "/" + day)
</script>
结果是 :
19.2.2021
2021/2/19
2.getDay() 方法可返回表示星期的某一天的数字。星期中的某一天,使用本地时间。返回值是 0(周日) 到 6(周六) 之间的一个整数。
注释:该方法总是结合一个 Date 对象来使用。
使用 getDay() 和一个数组来输出星期的名称,而不是数字,用数组形式,把 getDay() 得到的整数做索引。
<script type="text/javascript"> var d=new Date() var weekday=new Array(7) weekday[0]="Sunday" weekday[1]="Monday" weekday[2]="Tuesday" weekday[3]="Wednesday" weekday[4]="Thursday" weekday[5]="Friday" weekday[6]="Saturday" document.write("Today it is " + weekday[d.getDay()]) </script>
3.
getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 |
getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |
getFullYear() | 从 Date 对象以四位数字返回年份。 |
getYear() | 请使用 getFullYear() 方法代替。 |
getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |
getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |
getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 |
4。valueOf() 方法返回 Date 对象的原始值。时间戳,毫秒数。 不是当前时间的毫秒数,是距离1970年1月1日过了多少毫秒。
常见的简单写法
var date1 = +new Date();
document.write(date1);
+new Date()返回的就是总的毫秒数
5。倒计时案例 (重点案例)
<script>
//倒计时案例
function countDown(time) {
var nowTime = +new Date();//当前时间戳
var inputTime = +new Date(time);//输入时间的时间戳
var times = (inputTime - nowTime) / 1000;//把毫秒转换成秒
var d = parseInt(times / 60 / 60 / 24);//天
d=d<10?'0'+d:d;
var h = parseInt(times / 60 / 60 % 24);//时
h=h<10?'0'+h:dh;
var m = parseInt(times / 60 % 60);//分
m=m<10?'0'+m:m;
var s = parseInt(times % 60);//当前秒
s=s<10?'0'+s:s;
return d + '天' + h + '时' + m + '分' + s + '秒';
}
console.log(countDown('2021-2-9 18:20:30'));
</script>