网站建设资讯

NEWS

网站建设资讯

获取当前时间并显示的方法-创新互联

这篇文章给大家分享的是有关获取当前时间并显示的方法的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

迁安ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联公司的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18980820575(备注:SSL证书合作)期待与您的合作!

js可以通过Date对象获取当前日期和时间,使用Date()获取系统当前时间,在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间,在使用innerHTM方法显示。

获取当前时间并显示的方法

首先我们来了解一下js获取当前时间所需的一些方法:

var d = new Date();//获取系统当前时间

1、获取当前年份

getYear()方法:可以获取年份(2位或4位),其返回值是表示当前Date 对象的年份字段

说明:当年份介于 1900 与 1999 之间时,getYear() 方法返回仅有两位数字的值;当年份在1900 之前或 1999 之后时,则可能返回 4 位数字的值。例:

var d = new Date();
console.log(d.getYear());

var born = new Date("1983");
console.log(born.getYear());

效果图:


获取当前时间并显示的方法

注:getYear()方法无法获取完整的年份,且在ECMAScript v3 开始,就被getFullYear() 方法取而代之,不怎么被使用了。

getFullYear() 方法:可以获取当前一个完整的年份(4位数字,1970-????)。例:

var d = new Date();
console.log(d.getFullYear());

var born = new Date("1983");
console.log(born.getFullYear());

效果图:


获取当前时间并显示的方法

2、获取当前月份

getMonth():可以获取本地时间的月份。

注:getMonth()方法返回的值是从0(表示1月)开始,到11(表示12月)结束的一个整数,即0~11之间的一个整数;如果想要获取和当前时间相同的月份,可在getMonth()方法返回的值后加1。例:

var d=new Date();
console.log(d.getMonth());
console.log(d.getMonth()+1);

效果图:


获取当前时间并显示的方法

3、获取当前天数

getDate() :可以返回一个月份的某一天,使用本地时间;返回值是 在1 ~ 31 之间的一个整数。例

var d = new Date();
console.log(d.getDate())

var d = new Date(“July 21, 1983”);
console.log(d.getDate())

效果图:


获取当前时间并显示的方法

4、获取当前时间


getHours():获取小时数,返回的小时数值是从0到23之间的整数


getMinutes():获取分钟数,返回的分钟数值是从0到59之间的整数

getSeconds():获取秒数,返回的秒数值是从0到59之间的整数

例:获取当前时间

var d = new Date();
var hour= d.getHours();//得到小时数
var minute= d.getMinutes();//得到分钟数
var second= d.getSeconds();//得到秒数

html+css代码



当前时间:

1//调用show()函数

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 "";
}

效果图:


获取当前时间并显示的方法

感谢各位的阅读!关于获取当前时间并显示的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章标题:获取当前时间并显示的方法-创新互联
转载来源:http://cdweb.net/article/cchhpi.html