JS获取当前时间的两种方法小结

 更新时间:2023年09月07日 08:42:21   作者:z_星河  
这篇文章主要给大家介绍了关于JS获取当前时间的两种方法,在web开发中,通过js获取时间非常的常用,我这里做个总结,需要的朋友可以参考下

提示:

现在很多应用程序都会有用到时间的地方,无论是倒计时或者活动的时间戳等。

一、第一种方法

不足:不会补零

代码示例:

<div id="time"></div>
//获取当前时间
	 function time() {
	 	var vWeek, vWeek_s, vDay;
	 	vWeek = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
	 	var date = new Date();
	 	year = date.getFullYear();
	 	month = date.getMonth() + 1;
     	day = date.getDate();
	 	hours = date.getHours();
	 	minutes = date.getMinutes();
	 	seconds = date.getSeconds();
	 	vWeek_s = date.getDay();
	 	document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日" + "\t" + hours + ":" + minutes +
	 		":" + seconds + "\t" + vWeek[vWeek_s];
	 };
	 setInterval("time()", 1000);

二、第二种方法

不足:没有星期几

效果图:

代码如下(示例):

<div id="time"></div>
	let time = +new Date() //获取当前时间戳
	function getFamtterTimer(time) { //传入时间
		let date = new Date(time),
			Y = date.getFullYear(), // 年  
			M = date.getMonth() + 1, //月  
			D = date.getDate(), //日
			h = date.getHours(), //小时
			m = date.getMinutes(), //分钟
			s = date.getSeconds(); //秒数
		document.getElementById("time").innerHTML = Y + '-' + getZero(M) + '-' + getZero(D) + ' ' + getZero(h) + ':' +
			getZero(m) + ':' + getZero(s);
	}
	function getZero(num) { // 个位数前补0
		if (parseInt(num) < 10) {
			num = '0' + num;
		}
		return num;
	}
	setInterval("getFamtterTimer(+new Date())", 1000);

总结

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

相关文章

  • 判断访客终端类型集锦

    判断访客终端类型集锦

    本文给大家讲解的是使用php和javascript实现的判断访客终端类型的方法集锦,十分的简单实用,有需要的小伙伴可以参考下。
    2015-06-06
  • JavaScript字符串转换数字的方法

    JavaScript字符串转换数字的方法

    这篇文章主要介绍了JavaScript字符串转换数字的方法,文章围绕JavaScript字符串转换数字的相关资料展开全文内容,需要的小伙伴可以参考一下
    2021-12-12
  • 微信小程序前端promise封装代码实例

    微信小程序前端promise封装代码实例

    这篇文章主要介绍了微信小程序前端promise封装代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-08-08
  • JS实现网页表格自动变大缩小的方法

    JS实现网页表格自动变大缩小的方法

    这篇文章主要介绍了JS实现网页表格自动变大缩小的方法,实例分析了javascript操作表格的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • js字符编码函数区别分析

    js字符编码函数区别分析

    js对文字编码有3个函数: escape,encodeURI,encodeURIComponent, 对应的解码函数:unescape,decodeURI,decodeURIComponent
    2008-06-06
  • 使用GruntJS链接与压缩多个JavaScript文件过程详解

    使用GruntJS链接与压缩多个JavaScript文件过程详解

    怎么把多个JS文件搞成一个啊,GruntJS – JavaScript多文件编译,风格检查,链接与压缩神器,使用过程如下,有需要的朋友可以参考下,希望对大家有所帮助
    2013-08-08
  • 关于JavaScript奇怪又实用的六个姿势

    关于JavaScript奇怪又实用的六个姿势

    这篇文章主要给大家介绍了关于JavaScript奇怪又实用的六个姿势,这些技巧和建议是我平常在开发项目上会用到的,希望能让大家学到知识,需要的朋友可以参考下
    2021-10-10
  • Javascript动态绑定事件的简单实现代码

    Javascript动态绑定事件的简单实现代码

    Javascript事件绑定的方法很多,很灵活。不过,作为比较简单的动态绑定,下面的代码看似正确,但得不到预期的效果。
    2010-12-12
  • 微信小程序文字显示换行问题

    微信小程序文字显示换行问题

    这篇文章主要介绍了微信小程序文字显示换行问题,文中给出了解决方案,需要的朋友可以参考下
    2019-07-07
  • axios 处理 302 状态码的解决方法

    axios 处理 302 状态码的解决方法

    这篇文章主要介绍了axios 处理 302 状态码的解决方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2018-04-04

最新评论