JS中的日期对象
Date 对象 的作用
var d = new Date(); var d = new Date(milliseconds); var d = new Date(dateString); var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);
<script> // 属性 // Sat Oct 22 2022 20: 33: 43 GMT + 0800(中国标准时间) // Tue Nov 22 2022 00: 00: 00 GMT + 0800(中国标准时间) // Tue Nov 22 2022 20: 26: 30 GMT + 0800(中国标准时间) // Mon Jun 20 2022 22: 34: 23 GMT + 0800(中国标准时间) // Sat Oct 22 2022 22: 34: 23 GMT + 0800(中国标准时间) // 2022 // 日期调用的对象信息内容 // Sat Oct 22 2022 20: 33: 43 GMT + 0800(中国标准时间) var NewDate = new Date(); document.write(NewDate + "<br>"); // Tue Nov 22 2022 00: 00: 00 GMT + 0800(中国标准时间) var NewDate1 = new Date(2022, 10, 22); document.write(NewDate1 + "<br>") //Tue Nov 22 2022 20: 26: 30 GMT + 0800(中国标准时间) var NewDate2 = new Date(2022, 10, 22, 20, 26, 30); document.write(NewDate2 + "<br>") // Mon Jun 20 2022 22: 34: 23 GMT + 0800(中国标准时间) var NewDate3 = new Date("Jun 20,2022 22:34:23") document.write(NewDate3 + "<br>") // Sat Oct 22 2022 22: 34: 23 GMT + 0800(中国标准时间) var NewDate4 = new Date("2022/10/22/ 22:34:23") document.write(NewDate4 + "<br>") // 2022 var NewDate5 = new Date(); // 增加属性 Date.prototype.mark = NewDate5.getFullYear() document.write(NewDate5.mark + "<br>") if (NewDate5.constructor == Date) { // 2022 // 日期调用的对象信息内容 document.write("日期调用的对象信息内容" + "<br>") } </script>
Date 对象属性
| 属性 | 描述 |
| constructor | 返回对创建此对象的 Date 函数的引用。 |
| prototype | 使您有能力向对象添加属性和方法。 |
var NewDate5 = new Date(); // 增加属性 Date.prototype.mark = NewDate5.getFullYear() document.write(NewDate5.mark + "<br>") if (NewDate5.constructor == Date) { // 2022 // 日期调用的对象信息内容 document.write("日期调用的对象信息内容" + "<br>") }
<script> // 16个方式 var myDate = new Date(); var a3 = myDate.getDate(); var a4 = myDate.getDay(); var a2 = myDate.getMonth(); var a1 = myDate.getFullYear(); var a = myDate.getYear(); var a6 = myDate.getHours(); var a7 = myDate.getMinutes(); var a8 = myDate.getSeconds(); var a9 = myDate.getMilliseconds(); var a13 = myDate.getTime(); var a14 = myDate.toTimeString(); var a15 = myDate.toDateString(); var a16 = myDate.toGMTString(); var a17 = myDate.toUTCString(); var a10 = myDate.toLocaleDateString(); var a11 = myDate.toISOString(); var a12 = myDate.toGMTString(); // 设置值 document.write(a1 + "<br>"); document.write(a2 + "<br>"); document.write(a3 + "<br>"); document.write(a4 + "<br>"); // document.write(a5 + "<br>"); document.write(a6 + "<br>"); document.write(a7 + "<br>"); document.write(a8 + "<br>"); document.write(a9 + "<br>"); document.write(a10 + "<br>"); document.write(a11 + "<br>"); document.write(a12 + "<br>"); document.write(a13 + "<br>"); document.write(a14 + "<br>"); document.write(a15 + "<br>"); document.write(a16 + "<br>"); document.write(a17 + "<br>"); </script>
运行结果:
Date 对象方法 总结在官网上都可以找到
案例实操一 2022年倒计时
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>2021年倒计时</title> <style type="text/css"> .rty{ color: red; } .tyu{ color: #C71585; } </style> </head> <body> <h1 id="res"></h1> <script type="text/javascript" class="rty"> function test(year,month,day){ var end =new Date(year,month-1,day); var leftTime=end.getTime()-Date.now(); var day =Math.floor(leftTime/1000/60/60/24); var h =Math.floor(leftTime/1000/60/60%24); var m =Math.floor(leftTime/1000/60%60); var s =Math.floor(leftTime/1000/60); var str="距2022年结束还有"+day+"天"+h+"小时"+m+"分钟"+s+"秒"; res.innerHTML=str } setInterval("test(2022,12,31)",1000); </script> </body> </html>
案例二实操 计算明年元旦的天数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=sc, initial-scale=1.0"> <title>Document</title> </head> <body> <script> var date1=new Date() var three=date1.getFullYear()+1; date1.setFullYear(three); date1.setMonth(0); date1.setDate(1); var date2=new Date(); var date3=date1.getTime()-date2.getTime(); var days=Math.ceil(date3/(24*60*60*10000)); console.log(days) </script> </body> </html>
内容通俗易懂不需要过多的解释
