JavaScript Date对象 、日期求差案例 、 购物秒杀倒计时、日历

馨水雅居

一、创建Date对象
var dateObj=new Date();
var now = Date.now()   当前时间
二、Date方法
1、将日期转为字符串

1. toLocaleString()  
2. toLocaleDateString()
3. toLocaleTimeString()

复制代码

2、获取年、月、日、小时、分、秒
getFullYear()

1. var d = new Date();
2. var year = d.getFullYear();

复制代码

getMonth()      获取月份，返回值为0-11（外国人规定的），表示1月到12月，所以获取到月份之后需要+1

1. var d = new Date();
2. var month = d.getMonth()+1;

复制代码

getDate()        获取天，返回值为今天是几号

1. var d = new Date();
2. var date = d.getDate();

复制代码

补充：日历案例  var days = new Date(2023,month,0).getDate();    
获取2023年，每个月有多少天
getHours()         小时

1. var d = new Date();
2. var hour = d.getHours();

复制代码

getMinutes()      分钟

1. var d = new Date();
2. var minute = d.getMinutes();

复制代码

getSeconds()     秒

1. var d = new Date();
2.    
3. var seconds = d.getSeconds();

复制代码

getTime()       时间戳     时间戳专门用来计算时间的差值，或者倒计时等功能    单位：毫秒ms   1s  =  1000 ms

1. var date = new Date();
2. console.log(date.getTime());

复制代码

补充：
  怎么计算时间差 使用时间戳【UNIX时间戳，timestamp】计算时间差
   2021-9-5 10:30:20 -> 1630809020000
  2020-8-9 12:30:45 -> 1596947445000
  差多少年，天，小时，分钟，秒钟
  时间戳 参照时间： 1970/1/1 0:0:0(格林威治时间)  1970/1/1 8:0:0（北京时间）
  时间戳：d.getTime(); 单位是毫秒数
  + new Date（）转为时间戳
　　Date.now()    转为时间戳
3、定时器
setInterval(函数体,时间（毫秒）,参数（传递给函数的参数）

1. function times(){
3.      
4.       var d = new Date();
6.      
7.       var year = d.getFullYear();
9.      
10.       var month = d.getMonth()+1;
12.      
13.       var date = d.getDate();
15.      
16.       var hour = d.getHours();
18.      
19.       var minute = d.getMinutes();
21.      
22.       var seconds = d.getSeconds();
24.      
25.       var t =  document.querySelector('#time');
27.      
28.       t.innerHTML = `现在是北京时间:${year}年${month}月${date}日${hour}时${minute}分${seconds}秒`;
30.        }
31. setInterval(times,1000)

复制代码

三、日期求差案例

2.    

复制代码

四、购物秒杀倒计时案例

1.    

复制代码

五、当年日历

2.       

复制代码

2023年 11 月 日历 
 

来源:https://www.cnblogs.com/ljygzyblog/p/JavaScript-13.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！