JS获取当前时间

最新推荐文章于 2024-07-07 21:25:15 发布

波克比520

最新推荐文章于 2024-07-07 21:25:15 发布

阅读量522

点赞数

分类专栏： javascript 文章标签：时间日期对象

本文链接：https://blog.csdn.net/u011175410/article/details/50276251

版权

javascript 专栏收录该内容

55 篇文章 0 订阅

订阅专栏

显示当前时间：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>JS获取当前时间</title>
</head>
<body>
	<script>
	/*
		console.log('当期星期：' + iWeek);	//当期是星期六 => 6

		星期日	=>	0
		星期一	=>	1
		星期二	=>	2
		星期三	=>	3
		星期四	=>	4
		星期五	=>	5
		星期六	=>	6

	*/
	window.onload = function(){

		setInterval(fnTime,1000);
	};

	fnTime();
	function fnTime(){
		var oDate = new Date();
		var iYear = oDate.getFullYear();
		var iMonth = oDate.getMonth() + 1;
		var iDate = oDate.getDate();
		var iWeek = oDate.getDay();
		var iHours = oDate.getHours();
		var iMin = oDate.getMinutes();
		var iSec = oDate.getSeconds();
		var oBody = document.body;
		var str = '';
		
		// 方法一：switch case语句判断当期星期
		switch(iWeek){
			case 0: iWeek = '星期日'; break;
			case 1: iWeek = '星期一'; break;
			case 2: iWeek = '星期二'; break;
			case 3: iWeek = '星期三'; break;
			case 4: iWeek = '星期四'; break;
			case 5: iWeek = '星期五'; break;
			case 6: iWeek = '星期六'; break;
		}
		
		/*
		// 方法二： if语句判断当前星期
		if( iWeek === 0 ) iWeek = '星期日';
		if( iWeek === 1 ) iWeek = '星期一';
		if( iWeek === 2 ) iWeek = '星期二';
		if( iWeek === 3 ) iWeek = '星期三';
		if( iWeek === 4 ) iWeek = '星期四';
		if( iWeek === 5 ) iWeek = '星期五';
		if( iWeek === 6 ) iWeek = '星期六';
		*/
		// console.log(iWeek);

		// 将一位数字转成两位数字
		function toDouble(n){
			return n < 10 ? '0' + n : '' + n;
		};
		
		str = '当前时间是：' + iYear + '年' + iMonth + '月' + iDate +'日' + iWeek + toDouble(iHours) + ':' + toDouble(iMin) + ':' + toDouble(iSec);
		
		oBody.innerHTML = str;

	};
	</script>
</body>
</html>

值得注意的地方是星期几和月份(默认从0开始，所以要加1)