用js在html页面上实时显示系统当前时间日期/年月日星期几/周几显示

应用市场 7月前 284 299

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>获取当前的时间</title>
    </head>
    <style>
        #adata{
            height: 30px;
            width: 330px;
            border: brown 3px solid;
        }
    </style>

    <body>
        <div id="adata"></div>
    </body>

</html>
<script language="JavaScript" type="text/javascript">
    
    window.onload = function() {
        window.setInterval("Systime(adata)", 1000);
    }

    function Systime(adata) {
        var now = new Date();
        var year = now.getFullYear();
        var month = now.getMonth();
        var data = now.getDate();
        var day = now.getDay();
        var hour = now.getHours();
        var minu = now.getMinutes();
        var sec = now.getSeconds();
        month = month + 1;
        var arr_week = new Array("星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日");
        var week = arr_week[day];
        var time = year + "年 " + month + "月 " + data + "日      " + week + "      " + hour + ":" + minu + ":" + sec;
        adata.innerHTML = "当前时间:  " + time;
    }
</script>

效果：

如果想单独调用年：

可以在js文件中：adata.innerHTML = "当前时间: " + time; 后边添加如下代码：

document.getElementById("y").innerHTML=year;

模板中调用即可

<div id="y"></div>

#免责声明#

ZHANN.CN帝国之家工作室内所有作品，均为ZHANN手写代码。部分样式或模板代码移植或仿造自互联网（如有侵权，出示著作权证书联系我删除），所有代码不能用于非法站点（色情，暴力，政治类站点）。ZHANN只提供源代码服务，不提供任何建站服务。不承担任何建站后的法律问题！ZHANN所得费用均为制作模板劳动报酬。使用开源免费的帝国CMS作为核心，请保留帝国CMS的版权。如商用请购买帝国商业版，ZHANN只做帝国CMS模板服务，不做任何建站、不制作采集任何网站内容、不出售任何非开源有版权源代码更不卖任何域名和空间服务器，我出卖的只是我的技术劳动力！如在本站发生交易任何资源或者下载任何资源，则代表默认同意以上文字内容。感谢小伙本的支持，做一个知法守法的好公民！