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获取当前时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解JS数组方法

    详解JS数组方法

    这篇文章主要为大家介绍了JS的数组方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • 微信小程序如何调用新闻接口实现列表循环

    微信小程序如何调用新闻接口实现列表循环

    这篇文章主要介绍了微信小程序如何调用新闻接口实现列表循环,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • Javascript限制网页只能在微信内置浏览器中访问

    Javascript限制网页只能在微信内置浏览器中访问

    最近正在开发一个微信公众账号,其中有一项功能是用户发送文字消息给公众号,然后公众号返回图文消息给用户,用户再点击图文消息即可跳转到一个网页链接,在微信的内置浏览器中打开。
    2014-11-11
  • 微信小程序实现列表页的点赞和取消点赞功能

    微信小程序实现列表页的点赞和取消点赞功能

    这篇文章主要为大家详细介绍了微信小程序实现列表页的点赞和取消点赞功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • webpack-bundle-analyzer 插件配置使用方法

    webpack-bundle-analyzer 插件配置使用方法

    webpack-bundle-analyzer 是 webpack 的插件,需要配合 webpack 和 webpack-cli 一起使用,这篇文章主要介绍了webpack-bundle-analyzer 插件配置,需要的朋友可以参考下
    2023-02-02
  • 密码强度检测效果实现原理与代码

    密码强度检测效果实现原理与代码

    密码强度检测有利于提醒增加密码的安全指数,更好的保护密码安全,接下来介绍密码强度检测效果的实现
    2013-01-01
  • javascript垃圾收集机制的原理分析

    javascript垃圾收集机制的原理分析

    javascript具有自动垃圾收集机制,执行环境会负责管理代码执行过程中使用的内存。在编写javascript程序时,开发人员不用再关心内存使用问题,所需内存的分配以及无用内存的回收完全实现了自动管理。本文将详细介绍javascript的垃圾收集机制
    2016-12-12
  • javascript 四则运算精度修正函数代码

    javascript 四则运算精度修正函数代码

    JS预算精度问题确实很麻烦,这个能解决一些问题,虽然有bug.
    2010-05-05
  • JavaScript中Promise讲解和使用方法代码

    JavaScript中Promise讲解和使用方法代码

    这篇文章主要介绍了JavaScript中Promise讲解和使用方法的相关资料,Promise是处理异步操作的优秀方案,可以使代码更加简洁、易读、易维护,避免回调地狱和嵌套过深的问题,需要的朋友可以参考下
    2026-01-01
  • coffeescript使用的方式汇总

    coffeescript使用的方式汇总

    而来到CoffeeScript的世界,美妙故事再次上演。在写了几行代码后我相信你将不会再想念原生的Javascript了。CoffeeScript包含了许多新特性,当将它与jQuery,node.js,javascript结合时,你会发现一片新天地。
    2015-08-08

最新评论