当前位置: 首页 > article >正文

12_JavaScript_实现日期

目录

new Date()

常用方法

getFullYear 获取年

getMonth 获取月

getDate 获取日期

getDay 获取周几

getHours 获取小时

getMinutes 获取分钟

getSeconds 获取秒

getTime 获取到某个时间的毫秒数/时间戳

每个获取的方法都有一个对应的设置方法

获取时间差

定时器

作业


 

js提供的内置的构造函数,专门用来获取时间的

new Date()

// 在不传参数的情况下,默认返回当前时间
var time = new Date();
console.log(time); //Fri Mar 03 2023 21:38:40 GMT+0800 (中国标准时间)

//字符串传参的情况
    console.log( new Date("2018"));
    console.log( new Date("2018-02"));
    console.log( new Date("2018-02-10"));
    console.log( new Date("2018-02-10 15:"));
    console.log( new Date("2018-02-10 15:11:"));
    console.log( new Date("2018-02-10 15:11:55"));

//数字的传参情况
    
    console.log(new Date(2018,3)); //月份从0开始  0表示1月 1表示2月
    console.log(new Date(2018,3,18)); //年 月 日
    console.log(new Date(2018,3,18,21));//年 月 日 时
    console.log(new Date(2018,3,18,21,50));//年 月 日 时 分
    console.log(new Date(2018,3,18,21,50,30));//年 月 日 时 秒

//传一个时间戳
时间戳是从1970年1月1日0点0分0秒开始的    每过一毫秒这个时间戳就会加1
格林威治时间
 console.log(new Date(1208978018083));

常用方法

js提供了一系列的方法,获取到年月日 时分秒

getFullYear 获取年

getMonth 获取月

getDate 获取日期

getDay 获取周几

getHours 获取小时

getMinutes 获取分钟

getSeconds 获取秒

var time = new Date(); //不传参数获取的是当前的时间对象 ,,如果你传了参数获取的都是你传的那个时间的信息
console.log(time.getFullYear()); //获取日期对象的年
console.log(time.getMonth()); //获取日期对象的月份 2 
console.log(time.getDate()); //获取日期对象的日 几号
console.log(time.getDay());//获取日期对象的 周几
console.log(time.getHours());//获取日期对象的 小时
console.log(time.getMinutes());//获取日期对象的 分钟
console.log(time.getSeconds());//获取日期对象的 秒

getTime 获取到某个时间的毫秒数/时间戳

console.log(new Date().getTime()); //当前日期的时间戳/毫秒数
console.log(new Date("2019-01-01 10:15:30").getTime());//获取到某个时间的毫秒数

每个获取的方法都有一个对应的设置方法

setFullYear setMonth .....(除了day星期)

var time = new Date("2020-10-1");
console.log(time.getFullYear(),"设置前");//2020
time.setFullYear(2019);
time.setMonth(5);
console.log(time.getFullYear(),"设置后");//2019
console.log(time.getMonth(),"设置后");//5

获取时间差

两个时间点相差的时间,在js中时间不能直接做减法

获取想获取到时间差,那就用两个时间的时间戳做减法

var d1 = new Date("2022-10-01 10:00:00");
var d2 = new Date("2022-10-03 11:01:21");
var diff = Math.abs(d1 - d2); // 相差的时间戳
//console.log(diff); 想办法获取到这个时间戳有多少天 分 秒

// 根据时间戳  获取到天
var dd = parseInt(diff / 1000 / 60 / 60 / 24);
// 根据时间戳  获取到小时  不满一天的剩下的小时
var hh = parseInt((diff / 1000 / 60 / 60) % 24);
// 根据时间戳  获取到分钟  不满一小时的剩下的分钟
var mm = parseInt((diff / 1000 / 60) % 60)
// 根据时间戳  获取到秒  不满一分钟的剩下的秒
var ss = (diff / 1000) % 60
console.log(ss);

定时器

设置定时器

语法:第一个参数是个函数,第二个参数是间隔的时间,单位是毫秒
var timer = setInterval(function(){

},1000)

清除定时器

clearInterval(timer)

作业

1 将日期格式化输出 "2019|01-10" (日期对象==>字符串)

2 封装一个函数,功能是求两个时间相差的天数

3 封装函数 获取N天后的日期

function fn(n){
	
}
fn(19);// 得到的就是19天后的日期是记号

4 把当前系统时间展示到页面里 (定时器)

2025-03-025 22:51:50  在不刷新浏览器的情况下,每隔一秒改变一次时间

5 做京东倒计时 (活动是当天23点30分结束) 设置的时间和当前的时间相差了多久

每隔一秒  改变一次时间 

 

 


http://www.kler.cn/a/613956.html

相关文章:

  • 21.Excel自动化:如何使用 xlwings 进行编程
  • 大模型——使用Ollama本地部署Gemma-3-27B大模型,基于LangChain分析PDF文档
  • 解决“Generic family ‘sans-serif‘ not found”问题
  • ansible介绍以及安装
  • 【Golang】补充:占位符、转义字符、错误处理
  • Rust 面向对象
  • 基于Zookeeper的微服务配置管理与灰度发布实战指南
  • Elasticsearch:理解政府中的人工智能 - 应用、使用案例和实施
  • SQLark导出功能详解|轻松管理数据库数据与结构
  • 鸿蒙富文本实践
  • C++进制转换的方法
  • 服务器修改内存后Oracle无法正常启动
  • 3.0 Disruptor的使用介绍(一)
  • Swift语音助手(苹果生态系统的核心编程语言)
  • Ubuntu与Windows之间相互复制粘贴的方法
  • Docker 存储管理那些事儿:简单易懂的讲解与实践示例
  • Qt跨平台文件传输系统开发全解:TCP/IP协议+多线程架构
  • pyQt学习笔记——Qt资源文件(.qrc)的创建与使用
  • 无人设备遥控器之调度自动化技术篇
  • 国产芯片解析:龙讯HDMI Splitter系列:多屏共享高清