JavaScript获取系统时间的方法详解

 更新时间:2024年11月07日 10:57:03   作者:火星papa  
网页通过JavaScript获取系统日期、时间的操作是比较常规的操作,这篇文章将为大家介绍一些常用的方法,希望对大家有一定的帮助

一、 实现非常简单

JavaScript只要使用好Date这个类,基本问题都能解决。而且十分简单。

第一步实例化

实例化一个日期类的对象time。

var time = new Date();

第二步获取值

对象time用其方法获取值,方法很全,很简单,下面列出常用。

方法说明
time.getYear();获取当前年份(2位+1900)
time.getFullYear();获取完整的年份(4位)
time.getMonth();获取当前月份(0-11,0代表1月)
time.getDate();获取当前日(1-31)
time.getDay(); 获取当前星期X(0-6,0代表星期天)
time.getTime();获取当前时间(从1970/1/1开始的毫秒数)
time.getHours();获取当前小时数(0-23)
time.getMinutes();获取当前分钟数(0-59)
time.getSeconds(); 获取当前秒数(0-59)
time.getMilliseconds(); 获取当前毫秒数(0-999)
time.toLocaleDateString();  获取当前日期(仅日期)
time.toLocaleTimeString();获取当前时间(上午或下午+时间)
time.toLocaleString();获取日期与时间(日期+时间)

二、 参考实例

1、无格式要求简单获取

如果对格式没有什么特殊需求,直接使用一个方法就可以给出一串完整的时间字符串“2022/4/20下午3:13:39”。参考下面代码:

  function getSystemTime() {
	    // 实例化日期类
		var time = new Date();
		//打印得到时间
		console.log(time.toLocaleDateString());
		console.log(time.toLocaleTimeString());
		console.log(time.toLocaleString());
	}

打印输出:

2022/4/20
下午3:13:39
2022/4/20下午3:13:39

2、自定义格式获取

如果需要个特定的格式,那么我们可以自定义拼接,参看下面代码:

function getSystemTime() {
	// 实例化日期类
	var time = new Date();
	// 获取完整的年份(4位)
	var year = time.getFullYear();
	// 获取月份(0-11,0代表1月)
	var month = time.getMonth() + 1;
	// 获取日期(1-31)
	var date = time.getDate();
	// 获取小时
	var h = time.getHours();
	h = h < 10 ? '0' + h : h;
	// 获取分钟
	var m = time.getMinutes();
	m = m < 10 ? '0' + m : m;
	// 获取秒钟
	var s = time.getSeconds();
	s = s < 10 ? '0' + s : s;
	//测试打印
	console.log(year + "年" + month + "月" + date + "日 " + h + ":" + m + ":" + s);
	
	// 合并返回
	return(year + "年" + month + "月" + date + "日 " + h + ":" + m + ":" + s) ;

}

打印输出:

2022年4月22日 15:13:39

3、闰年计算

计算闰年的方法给出一个实例。

function is_leap_year() {
	// 获取完整的年份(4位)
	var year = time.getFullYear();
	console.log(year);
	return (0 == year % 4 && ((year % 100 != 0) || (year % 400 == 0)));

}

function test(){
	if(is_leap_year()==true)
	{
		console.log("是闰年");
	}
	else
	{		 
		console.log("不是闰年");		 
	}
}

打印输出:

2022
不是闰年

到此这篇关于JavaScript获取系统时间的方法详解的文章就介绍到这了,更多相关JavaScript获取系统时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解ES6 系列之异步处理实战

    详解ES6 系列之异步处理实战

    这篇文章主要介绍了详解ES6 系列之异步处理实战,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • js中函数声明与函数表达式

    js中函数声明与函数表达式

    js的解析器对函数声明与函数表达式并不是一视同仁地对待的。对于函数声明,js解析器会优先读取,确保在所有代码执行之前声明已经被解析,而函数表达式,如同定义其它基本类型的变量一样,只在执行到某一句时也会对其进行解析,
    2015-06-06
  • js Clip奇思妙想之多彩渐变字效果

    js Clip奇思妙想之多彩渐变字效果

    本篇我们用同样的原理,把文字用CLIP属性分的更细,分别着色,然后组合到一起,实现自左到右更精确的色彩渐变。问题是文字细化分割需要用到很多很多个元素,所以这里我们要用程序来控制,自动生成这些元素。
    2008-11-11
  • JavaScript类型系统之Object详解

    JavaScript类型系统之Object详解

    对象其实就是一组数据和功能的集合。对象可以通过执行new操作符后跟要创建的对象类型的名称来创建。而创建Object类型的实例并为其添加属性和(或)方法,就可以创建自定义对象
    2016-01-01
  • 一文详解Web Audi 绘制音频图谱

    一文详解Web Audi 绘制音频图谱

    这篇文章主要为大家介绍了Web Audi 绘制音频图谱实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 微信小程序实现多宫格抽奖活动

    微信小程序实现多宫格抽奖活动

    这篇文章主要为大家详细介绍了微信小程序实现多宫格抽奖功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • JavaScript电话号码格式化的多种实现方式

    JavaScript电话号码格式化的多种实现方式

    本文希望通过一道简单的题目,让刚接触JavaScript的新手们了解一个合格的前端程序员需要具备哪些素质,文章给大家介绍了JavaScript电话号码格式化的多种实现方式,感兴趣的小伙伴跟着小编一起来看看吧
    2024-11-11
  • JavaScript输出当前时间Unix时间戳的方法

    JavaScript输出当前时间Unix时间戳的方法

    这篇文章主要介绍了JavaScript输出当前时间Unix时间戳的方法,涉及javascript中Date及getTime等函数操作时间的使用技巧,需要的朋友可以参考下
    2015-04-04
  • swiper4实现移动端导航切换

    swiper4实现移动端导航切换

    这篇文章主要为大家详细介绍了swiper4实现移动端导航切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • 原生Js与jquery的多组处理, 仅展开一个区块的折叠效果

    原生Js与jquery的多组处理, 仅展开一个区块的折叠效果

    同一个页面, 有多组(不固定), 每组区块数量不一定一样的小区块. 要求每次只展开一个区块,需要的朋友可以参考下。
    2011-01-01

最新评论