实时显示当前时间（英文版）

最新推荐文章于 2022-06-15 10:57:19 发布

dongsdh

最新推荐文章于 2022-06-15 10:57:19 发布

阅读量3.4k

点赞数 1

分类专栏：时间处理

本文链接：https://blog.csdn.net/dongsdh/article/details/85100056

版权

时间处理专栏收录该内容

10 篇文章 0 订阅

订阅专栏

前言：实时显示当前时间（英文版），一周的第几天用英文显示

效果：

<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<title>Document</title>
	</head>
		
	<body>
		
		<div id="box"></div>
		
		<script src='jquery.min.js'></script>
		<script>
			function formatDate() {
				now = new Date();
				var year = now.getFullYear(),
					month = now.getMonth() + 1,
					date = now.getDate(),
					day = now.getDay(),
					hour = now.getHours(),
					minute = now.getMinutes(),
					second = now.getSeconds();
				minute = checkTime(minute);
				month = checkTime(month);
				date = checkTime(date);
				hour = checkTime(hour);
				second = checkTime(second);
				day = checkday(day)
				return year + " / " + month + " / " + date + " "+ day +" " + hour + ":" + minute + ":" + second;
			}
			function checkTime(i) {
				if(i < 10) {
					i = "0" + i
				}
				return i
			}
			function checkday(daynum){
				switch (daynum){
					case 0:
						daynum=' Monday '
						break;
					case 1:
						daynum=' Tuesday '
						break;
					case 2:
						daynum=' Wednesday '
						break;
					case 3:
						daynum=' Thursday '
						break;
					case 4:
						daynum=' Friday '
						break;
					case 5:
						daynum=' Saturday '
						break;
					case 6:
						daynum=' Sunday '
						break;
					default:
						break;
				}
				return daynum
			}
			
			
			
			showtime();
			function showtime(){
				var gettime  = formatDate();
				$("#box").text(gettime);
			}
			setInterval(function(){
				showtime();//封装的显示时间的方法
			},1000);
		</script>
	</body>

</html>

dongsdh

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
实时显示当前时间（英文版）

前言：实时显示当前时间（英文版），一周的第几天用英文显示效果：&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt; &lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;title&gt;Document&lt;/title&gt; &lt;/head&
复制链接

扫一扫