·矮矮够不到·
2022-04-04 18:36
采纳率: 100%
浏览 62
已结题

HTML前端:怎样居中显示时间

现在我已经写出来了时间可以预览了,但是不知道如何调整时间位置(求帮/
<!DOCTYPE html>
<html lang="en">
<head>
    <body style="background: url(https://ftp.bmp.ovh/imgs/2020/11/65575b40c558e185.jpg) ; background-size:100% 100% ; background-attachment: fixed">
</body>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            #Main
            {
                margin-top: 40px;
                margin-left: 50px;
                height: 100px;
                font-size: 30px;
            }
        </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()   //获取秒
                
                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
                
                var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
                var Tools=document.getElementById("Main")
                var da=year+" 年 "+month+" 月 "+days+" 日 "+week[day]+" "+hour+" : "+minute+" :"+second
                Tools.innerHTML=da
            }
            
        </script>
    </head>
    <body>
        <div id="Main"></div>
    </body>
</html>


</html>
运行预览

img

我想要达到的结果

希望可以一条代码或者几行代码块直接穿插进去就可以将时间移动到页面中间
希望的结果
差不多是这样的,但时间要在搜索栏的位置

img

4条回答 默认 最新

相关推荐 更多相似问题