亲测管用---js 获取当前年月日

本文介绍了JavaScript中Date对象的各种方法,如获取年、月、日、时、分、秒等,并提供了获取当前时间的实战示例,包括动态显示当前时间的代码实现。通过示例代码,帮助读者更好地理解和记忆Date对象的使用。
摘要由CSDN通过智能技术生成

经常会用到这个函数,但是每次都不记得到底怎么使用了,都要再去搜索一下,现在总结如下

var date = new Date();

date .getYear(); //获取当前年份(2位)

date .getFullYear(); //获取完整的年份(4位)

date .getMonth(); //获取当前月份(0-11,0代表1月)

date .getDate(); //获取当前日(1-31)

date .getDay(); //获取当前星期X(0-6,0代表星期天)

date .getTime(); //获取当前时间(从1970.1.1开始的毫秒数)

date .getHours(); //获取当前小时数(0-23)

date .getMinutes(); //获取当前分钟数(0-59)

date .getSeconds(); //获取当前秒数(0-59)

date .getMilliseconds(); //获取当前毫秒数(0-999)

date .toLocaleDateString(); //获取当前日期

var mytime=date .toLocaleTimeString(); //获取当前时间

date .toLocaleString( ); //获取日期与时间


var datetime = new Date();
var year = datetime.getFullYear();
var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();

当前年月日:

var nowDate =  date.getFullYear()+'-'+(date.getMonth() + 1)+'-'+date.getDate()

实战—简单骚操作—js获取当前时间并显示示例:

html+css代码

<style>
 .time span{display:inline-block;width:40px;height: 20px;}
</style>
 
<div class="time">当前时间:<br><br>
 
 <span id="y"></span><span id="mo"></span><span id="d"></span><span id="h"></span><span id="m"></span><span id="s"></span><span id="time1">1</span>//调用show()函数
</div>

js代码:

function show(){
var now = new Date();
var year = now.getFullYear(); //得到年份
var month = now.getMonth()+1;//得到月份
var date = now.getDate();//得到日期
// var day = now.getDay();//得到周几
var hour= now.getHours();//得到小时数
var minute= now.getMinutes();//得到分钟数
var second= now.getSeconds();//得到秒数
 
 
document.getElementById("y").innerHTML=year;
 
document.getElementById("mo").innerHTML=month;
 
document.getElementById("s").innerHTML=date;
document.getElementById("h").innerHTML=hour;
 
document.getElementById("m").innerHTML=minute;
 
document.getElementById("s").innerHTML=second;
setTimeout(show,1000);//定时器一直调用show()函数
return "";
}

效果图:
在这里插入图片描述

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助,评论区留下“管用",记得三联哦。

还有其他知识分享,欢迎拜访 https://blog.csdn.net/weixin_40379712?spm=1011.2124.3001.5343

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

清柠编程

你的鼓励是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值