评论

收藏

[Html/CSS] html+Js获取当前时间代码

开发技术 开发技术 发布于:2023-02-10 13:48 | 阅读数:277 | 评论:0

QQ截图20230210145827.jpg


整体代码如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>时间与日期</title>
        <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
关注下面的标签,发现更多相似文章