JS动态时间

最新推荐文章于 2024-09-15 19:46:31 发布

zxyah

最新推荐文章于 2024-09-15 19:46:31 发布

阅读量622

点赞数

分类专栏： html 文章标签： date function java

本文链接：https://blog.csdn.net/zxyah/article/details/7041581

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>time</title></head>
<body οnlοad="disptime();">
<style type="text/css">
    #time {
        font-size: 22px;
        font-family: Arial;
        line-height: 26px;
        display:block;
    }
    #date {
        font-size: 14px;
        color: #666;
        line-height: 22px;
        display:block;
    }
</style>
<script type="text/javascript">
    function disptime(){
        var time = new Date( ); //获得当前时间
        //var year = time.getYear()<1900 ? (time.getYear()+1900):time.getYear();
        var month = time.getMonth() + 1;
        var day = time.getDate();
        var hour = time.getHours( ); //获得小时、分钟、秒
        var minute = time.getMinutes( );
        var second = time.getSeconds( );
        var week = "周" + '日一二三四五六'.charAt(time.getDay());
        if (minute < 10){ //如果分钟只有1位，补0显示
            minute="0"+minute;
        }
        if (second < 10){ //如果秒数只有1位，补0显示
            second="0"+second;
        }
        /*设置文本框的内容为当前时间*/
        document.getElementById("time").innerHTML= hour+":"+minute+":"+second;
        document.getElementById("date").innerHTML= month+"月"+day+"日 "+week;
        /*设置定时器每隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示*/
        var myTime = setTimeout("disptime()",1000);
    }
</script>
<div id="time"></div>
<div id="date"></div>
</body>
</html>