前言：实时显示当前时间（英文版），一周的第几天用英文显示
效果：
![\"\"](\"/images/csdn/15452078781545207HU8XE78.png\")
<!DOCTYPE html>
<html lang=\"zh\">
<head>
< charset=\"UTF-8\" />
< >Document</ >
</head>
<body>
<div id=\"box\"></div>
< src=\'jquery.min.js\'></ >
< >
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);
</ >
</body>
</html>
继续阅读与本文标签相同的文章
上一篇 :
智能诊断——人工智能在云平台上的新玩法
-
阿里云Hi拼团优惠活动全新升级，活动变化亮点总结
2026-05-18栏目： 教程
-
CNC加工中心G41/G42指令是什么意思？怎么使用？
2026-05-18栏目： 教程
-
百度：公立机构官网保护计划已引入超10万家公立机构官网
2026-05-18栏目： 教程
-
如何在 Apache Flink 中使用 Python API？
2026-05-18栏目： 教程
-
【Kubernetes系列】第2篇 基础概念介绍
2026-05-18栏目： 教程