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

科技前沿 • 2025-03-03 13:03 • 阅读 49

大家好，我是讯享网，很高兴认识大家。

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

效果：

<!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>

讯享网

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

相关推荐