js 时间
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.divv{
height: 100px;
width:670px;
background-color:#5299D6;
margin: 100px auto;
background: url(img/A32C9E68-984A-460F-9B0E-010F10B4FA60.png)no-repeat;
background-size:cover;/*//背景图自适应*/
}
span{
display: block;
height: 100px;
float: left;
margin-left:50px ;
}
.s1{
width: 100px;
}
.s2{
width: 200px;
line-height: 100px;
text-align: center;
font-size:50px ;
color: white;
/*background-color:yellow;*/
}
.s3{
height: 50px;
width: 170px;
/*position: relative;*/
line-height: 50px;
text-align: center;
font-size:20px ;
color: white;
}
.s4{
height: 50px;
width: 170px;
line-height: 50px;
text-align: center;
color: white;
}
</style>
<script>
window.onload=function zz(){
setInterval(zz,1000);//开启定时器
var div=document.getElementById("div1");
var divs=div.children;
var arr =["星期一","星期二","星期三","星期四","星期五","星期六","星期日"];
var time =new Date();
divs[3].innerHTML=time.getFullYear() + "年" + (time.getMonth()+1) + "月"
+time.getDate() + "日";
divs[2].innerHTML=arr[time.getDay()-1];
// function zz(){
var endTime = new Date();
var h =endTime.getHours();//小时
var m = endTime.getMinutes();//分钟
var s = endTime.getSeconds(); //秒数
h<10 ? h="0"+h : h;
m<10 ? m="0"+m : m;
s<10 ? s="0"+s : s;
divs[1].innerHTML=h+":"+ m+":"+ s;
// }
}
</script>
</head>
<body>
<div class="divv" id="div1">
<span class="s1"></span>
<span class="s2"></span>
<span class="s3"></span>
<span class="s4"></span>
</div>
</body>
</html>
【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列：向量数据库的应用与畅想
· 从问题排查到源码分析：ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· dotnet 源代码生成器分析器入门
· ThreeJs-16智慧城市项目（重磅以及未来发展ai）
· 软件产品开发中常见的10个问题及处理方法
· Vite CVE-2025-30208 安全漏洞
· 互联网不景气了那就玩玩嵌入式吧，用纯.NET开发并制作一个智能桌面机器人（四）：结合BotSharp
· MQ 如何保证数据一致性？