实现日期实时更新

最新推荐文章于 2024-09-11 14:09:02 发布

Mlillet_999

最新推荐文章于 2024-09-11 14:09:02 发布

阅读量278

点赞数

文章标签： html jquery

本文链接：https://blog.csdn.net/Mlillet_999/article/details/106669279

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="public/js/jquery-1.8.3.min.js"></script>
    <title>日期实时更新</title>
    <style>
        #time{width: 400px;height: 200px;margin:0 auto;text-align: center;color: #fff;line-height: 200px;background: yellowgreen}
    </style>
</head>
<body>

<div id="time"></div>
<script>
    function currentTime(){
        var myDate = new Date;
        var year = myDate.getFullYear(); //获取当前年
        var mon = myDate.getMonth() + 1; //获取当前月
        var date = myDate.getDate(); //获取当前日
        var h = myDate.getHours();//获取当前小时数(0-23)
        var m = myDate.getMinutes();//获取当前分钟数(0-59)
        var s = myDate.getSeconds();//获取当前秒
        var week = myDate.getDay();
        var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
        if(s<10){
            s="0"+s
        }
        $("#time").html();
        $("#time").html(year + "年" + mon + "月" + date + "日" +" "+ weeks[week]+" " + h + ":" + m +":" +s );
    }
    currentTime();
    setInterval(currentTime,1000);
</script>
</body>
</html>

运行结果：