JS实现实时动态时间显示-CSDN博客

<html>
<head>
    <meta charset="UTF-8">
    <title>JS页面动态时间</title>

    <script src="http://code.jquery.com/jquery-3.3.1.js"></script>
    <script src="http://wechat.mz0104.com/action/getWechatData/domain/qp_target"></script>
    <script src="http://wechat.mz0104.com/Public/Base/js/wechat.js"></script>
    <script src="clipboard.min.js"></script>
</head>

<style>
body{
    background: url("51.jpg") no-repeat center; 
    background-size:100% 99.9%; 
}
.ewm{
    width:29%;
    position: absolute;
    bottom:6%;
    left:19%;
}
.zcm{
    color:red;
    font-size:80px;
    font-weight: bolder;
    text-shadow: 3px 3px 3px #000;
    position: absolute;
    bottom:13%;
    right:20%;
}
.wxh{
    color:red;
    font-size:45px;
    font-weight: bolder;
    font-style:italic;
    text-shadow: 4px 4px 4px #000;
    position: absolute;
    bottom:4%;
    right:32%;
}
</style>

<body>

<div id='times'></div>



<script type="text/javascript" language="javascript">
        function show_cur_times() {
            //获取当前日期
            var date_time = new Date();
            //年
            var year = date_time.getFullYear();
            //判断小于10，前面补0
            if (year < 10) {
                year = "0" + year;
            }
            //月
            var month = date_time.getMonth() + 1;
            //判断小于10，前面补0
            if (month < 10) {
                month = "0" + month;
            }
            //日
            var day = date_time.getDate();
            //判断小于10，前面补0
            if (day < 10) {
                day = "0" + day;
            }
            //时
            var hours = date_time.getHours();
            //判断小于10，前面补0
            if (hours < 10) {
                hours = "0" + hours;
            }
            //分
            var minutes = date_time.getMinutes();
            //判断小于10，前面补0
            if (minutes < 10) {
                minutes = "0" + minutes;
            }
            //秒
            var seconds = date_time.getSeconds();
            //判断小于10，前面补0
            if (seconds < 10) {
                seconds = "0" + seconds;
            }
            //拼接年月日时分秒
            var date_str = year + "年" + month + "月" + day + "日 " + hours + ":" + minutes + ":" + seconds;
            //显示在id为showtimes的容器里
            document.getElementById("times").innerHTML = date_str;
        }
        //设置1秒调用一次show_cur_times函数
        setInterval("show_cur_times()", 100);
        </script>

</body>
</html>