目前在建自己的网站
但有一个大问题，就是
它不会自己居中显示时间！！！
我已经崩溃了，希望有大佬帮帮忙。。。
这是有关时间显示的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#Main
{
margin-top: 80px;
margin-left: 100px;
height: 200px;
font-size: 60px;
}
</style>
<script type="text/javascript">
window.onload=function()
{
window.requestAnimationFrame(getDate)
}
function getDate()
{
window.setTimeout(function(){
window.requestAnimationFrame(getDate)
},1000/2)
var d=new Date();
var year=d.getFullYear() //获取年
var month=d.getMonth()+1; //获取月，从 Date 对象返回月份 (0 ~ 11)，故在此处+1
var day=d.getDay() //获取日
var days=d.getDate() //获取日期
var hour=d.getHours() //获取小时
var minute=d.getMinutes() //获取分钟
var second=d.getSeconds() //获取秒
var stay
if(month<10) month="0"+month
if(days<10) days="0"+days
if(hour<10) hour="0"+hour
if(minute<10) minute="0"+minute
if(second<10) second="0"+second
if(hour<=12) stay="MORNING"
if(hour>12 && hour<=21) stay="AFTERNOON"
if(hour>22) stay="NIGHT"
var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
var Tools=document.getElementById("Main")
var da=stay+" "+hour+" : "+minute
Tools.innerHTML=da
}
</script>
</head>
<body>
<div id="Main"></div>
</body>
</html>
这是目前的预览（不会HTML却要硬来的我非常的逊）
不得不说，我的排版是真的差/毕竟我不会排版。。
/轻点喷 谢谢 知道我HTML很烂很烂
3 条评论
-
Zemu_Ooo LV 6 @ 2022-5-6 22:23:21
text-align: center如果您目前是初学，建议先走一遍 Dw 过过手，可以以“拆分”的形式结合图形化界面参考自己的 HTML。
-
@ 2022-4-15 22:17:47
文字上下居中使用行高（根据文字高度调用calc算也行），左右居中把宽度设置100%，然后 text-align: center 就行了
-
@ 2022-4-5 21:47:40
可以
#Main { font-size: 60px; width: calc(100%); text-align: center; }
- 1
