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

目录

一、第一种方法

二、第二种方法


一、第一种方法

不足:不会补零

代码示例:

<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);


以上就是今天要讲的内容啦,希望对大家有用哦~~~

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐