VScode中日期对象

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言


学习 JavaScript 心得积累
篇一:介绍在VS软件里日期对象

一、利用VS

VS介绍:VS软件是一款适合前端开发的工具

二、使用步骤

1.日期对象的几种分类

使用功能如下(示例):

    // 1、第一种日期:当前日期
    let d = new Date();
    console.log(d)

    // 2、第二种日期:特定日期
    let t = new Date('2024-01-23 20:47')
    console.log(t);
	//3、分别获取年月日时分秒等
	let d = new Date();
    console.log(d.getFullYear());//2024
    console.log(d.getMonth()+1);//月份1
    console.log(d.getDate());//日期23
    console.log(d.getHours());//小时21
    console.log(d.getMinutes());//分 0
    console.log(d.getSeconds());//秒数11
		

p.s.时间戳的概念:
我用最简单的描述:自从1970年1月1号0点整距离现在所经历的时间(以s为单位计数)

    //console.log(d.getTime());//获取时间戳的方法,打印出来
    //例子如下
     let di = new Date('1980-01-01');
     console.log(di.getTime());//315532800000(毫秒)在Javascript中使用ms为计数单位
	//3、实现倒计时功能
	let d = new Date();//获得当前时间(这个当前时间固定住了,是为了获得结束时间的)
    let 结束时间 = new Date(d.getTime()+60*1000)
    let time  = setInterval(()=>{
    let p = new Date();//再次获得当前时间(这个当前时间是一直变化的,这样时间才会更新)
    let x = 结束时间.getTime()-p.getTime()//利用结束时间和变化的当前时间做差 ,得到倒计时
        // console.log(`距离倒计时还有${Math.round(x/1000)}s`);//这种输出在后台
    document.querySelector('body').innerHTML = `<h1>距离倒计时还有${Math.round(x/1000)}s<h1>`//可以加<h1><h1>输出到屏幕上
    if(x<=0) {
         clearInterval(time)
        } 
    })

总结

介绍了JavaScript的时间对象的几种使用方法
1、获取当前时间
2、获取特定时间
3、时间戳的概念及使用方法
4、倒计时定时器的实现

  • 12
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值