javascript 日期对象
1、日期对象 方法
日期 Date 也是一个数据类型/复合数据类型,是对象。
日期对象的创建方式
var d = new Date();
alert(d);//Sun Jun 28 2020 09:48:18 GMT+0800 (中国标准时间)
参数：如果我们不传参数，默认系统当前时间
【注】我们所用的时间都是根据格林尼治时间，中国北京时间处于东八区
生成日期对象的参数可以是：
Date("2020/06/28");
Date("2020/06/28");
Date(2020,06,28,09,55);
1秒=1000毫秒
参数可以毫秒数，计算从1970开始+毫秒数，计算出这个时间
1970是UNIX诞生日
var d = new Date(1000);
alert(d);//Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)
日期对象的格式化方法：
【格式】日期对象.方法();
var d = new Date();
alert(d.toDateString());
alert(d.toTimeString());
alert(d.toLocaleDateString());
alert(d.toLocaleTimeString());
alert(d.toUTCString());
凡是带UTC的都是返回格林制时间，
也就是当前系统时间还要再减去八个小时。
set系列的函数是设置值，get系列的函数是获取值。
//获取一个月中的某一天
var d = new Date();
alert(d.getDate());//28
d.setDate(4);//28号改了4号
alert(d);
//获取一周中的某一天，从0开始，星期0代表周日，只能获取不能设置。
getDay()
//获取月份的时候从0开始
set/getMonth()
var d = new Date();
alert(d.getDay());
alert(d.getMonth());
d.setMonth(4);
alert(d);
d.set/getTime() 设置/获取当前日期距离1970年的毫秒数
var d = new Date();
alert(d.getTime());//1593311429517
var d2= new Date(1593311429517);
alert(d2);
var d = new Date();
d.setTime(1000);
alert(d);
Date.parse()
可以传参
参数：是一个日期格式的字符串
返回值：返回这个日期，距离1970年的毫秒数
var time = Date.parse("2020-02-20");
var d = new Date(time);
alert(d);//Thu Feb 20 2020 08:00:00 GMT+0800 (中国标准时间)
2、日期对象练习
//1、显示当前时间
function showDate(){
var d = new Date(); //获取当前时间
var year = d.getFullYear(); //年份
var month = d.getMonth() + 1 ;//月份从0开始
var date = d.getDate();//日
var week = d.getDay();//星期0代表周日
if(week == 0){
week = "日";
}
var hour = d.getHours();
var min = d.getMinutes();
var sec = d.getSeconds();
return year + "年"+month+"月"+date+"日 星期"+week+" "+hour+":"+min+":"+sec;
}
alert(showDate());//2020年6月28日 星期日 11:8:38
2、setDate( )和getDate()，封装个函数， 可以根据输 入的数值n(天数 )
显示n天后的时间
function numOfDate(n){ //n天后
var d = new Date(); //获取当前时间
var date = d.getDate();//取出天数
d.setDate(date+n); //加上n天
return d;
}
alert(numOfDate(2));
3、定时器
setInter()
【格式】setInter(函数/匿名函数，毫秒数)；
setInter(function(){
//我们要做的代码
}，毫秒数);
功能：每隔所传参数的毫秒数，就调用一次所传参数的函数
返回值：当前页面上对于这个当时前的唯一标识，定时器的ID
claerIntervl() 取消定时器
参数：定时器的ID
1 <script type="text/javascript"> 2 var i = 0; 3 4 var show = function(){ 5 document.write(i++ + "<br />"); 6 } 7 8 window.onload = function(){ 9 var oBtn = document.getElementById("btn"); 10 oBtn.onclick = function(){ 11 12 var timer = setInterval(function(){ 13 document.write(i++ + "<br />"); 14 if(i == 5){ 15 clearInterval(timer);//clearInterval只能取消一次定时器。 16 } 17 },1000)//函数传参 18 //alert(timer); 19 20 } 21 } 22 </script> 23 <body> 24 <input type="button" id="btn" value="按钮" /> 25 </body>
innerHTML 标签间的所有内容
如果在innerHTML包含标签，标签会被识别，
并且会解析呈现在对应的效果。
1 <script type="text/javascript"> 2 window.onload = function(){ 3 var oBtn = document.getElementById("btn"); 4 var oDiv = document.getElementById("div1"); 5 oBtn.onclick = function(){ 6 //获取div标签间的内容 7 alert(oDiv.innerHTML); 8 //设置div标签间的内容 9 oDiv.innerHTML = "<h1>我是替换文本<h1>"; 10 } 11 } 12 13 </script> 14 <body> 15 <div id="div1"><em>斜体</em></div> 16 <input type="button" id="btn" value="按钮" /> 17 </body>
