JavaScript基础之⑬Date日期对象方法使用/以及基本时间实时显示·Date总结（二）
QQ:3020889729 小蔡
Date对象的方法（静态值下）
获取当前时间值的年
getFullYear()获取当前年份（返回四位的值）
主要代码：
var date_1 = '';
var date_value = '';
date_1 = new Date();
date_value = date_1.getFullYear();
效果：
获取当前时间值的月
getMonth()获取当前月份（0，11）
主要代码：
var date_1 = '';
var date_value = '';
date_1 = new Date();
date_value = date_1.getMonth();
效果：
获取当前时间值的日
getDate()获取当前号数(1,31)
主要代码：
var date_1 = '';
var date_value = '';
date_1 = new Date();
date_value = date_1.getDate();
效果：
获取当前时间值的时
getHours()获取当前小时值
主要代码：
var date_1 = '';
var date_value = '';
date_1 = new Date();
date_value = date_1.getHours();
效果：
获取当前时间值的分
getMinutes()获取当前分钟数
主要代码：
var date_1 = '';
var date_value = '';
date_1 = new Date();
date_value = date_1.getMinutes();
效果：
获取当前时间值的秒
getSeconds()获取当前秒
主要代码：
var date_1 = '';
var date_value = '';
date_1 = new Date();
date_value = date_1.getSeconds();
效果：
获取当前时间值的毫秒
getMilliseconds()获取当前毫秒值
主要代码：
var date_1 = '';
var date_value = '';
date_1 = new Date();
date_value = date_1.getMilliseconds();
效果：
获取当前时间值的星期几
getDay()获取当前是周几(0,6)_0对应周日
主要代码：
var date_1 = '';
var date_value = '';
date_1 = new Date();
date_value = date_1.getDay();
效果：
获取总的毫秒值（从1970.1.1.8:00算起）
getTime()获取毫秒值（从1970.1.1.8:00开始算起）
主要代码：
var date_1 = '';
var date_value = '';
date_1 = new Date();
date_value = date_1.getTime();
效果：
动态获取时间值（简明两种简单的方式）
通过每一次按键获取一次新的时间值
代码如下：（通过每一次按键调用一次实例获取值，更新内容，但是会占用内存的哈）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button style="width:48px;height:24px" id = "bt1" type="button" name="button"></button>
<p style="width:560px" id = "sj">点击显示设置的时间内容</p>
<script type="text/javascript">
var date_1 = '';
var but_1 = document.getElementById('bt1');
var p_1 = document.getElementById('sj');
var flag = 1;
but_1.onclick = function(){
date_1 = new Date();
flag ? (p_1.innerHTML = date_1 + "  (再次点击返回)",p_1.style.background = "rgb(227, 240, 171)") : (p_1.innerHTML = "点击显示设置的时间内容",p_1.style.background = "transparent") ;
flag = !flag;
}
</script>
</body>
</html>
效果：
页面加载后实时显示时间值（采用setInterval，周期调用函数）
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p style="width:560px" id = "sj">点击显示设置的时间内容</p>
<script type="text/javascript">
var date_1 = '';
var p_1 = document.getElementById('sj');
function tm() {
var date_1 = new Date();
p_1.innerHTML = date_1;
}
window.onload = function() {
//周期调用tm()，1000ms
setInterval(function(){
tm();},1000);//
}
</script>
</body>
</html>
效果：时间按照1s刷新一次
