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

获取当前的时间#adata{height: 30px;width: 330px;border: brown 3px solid;}</st
<!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>

购买必读
本站模板没有任何后门,也不会和我们服务器有任何通信,请您放心使用。
本源码一次性买断,没有二次费用,并享受免费更新。
在使用本站模板时,请不要使用我们的产品从事违反中华人民共和国法律、违反公序良俗的活动,否则我们有权拒绝服务,并配合有关单位予以处置。如果您不符合条件,请勿购买。
售后是指通过QQ与客服联系处理问题,售后过期不影响您对主题的使用和更新。免费三个月售后服务。售后服务时间为工作日早9点到晚5点。如果不在线可以QQ留言,我们会尽快给您答复。
售后服务包括程序的使用、BUG的处理、意见建议等。不包括技术服务、网站优化、二次开发、环境配置、服务器运维等。
代码类商品属于数字化商品,具有可复制性,不支持退款,详见《网络交易管理办法》第二章 第16条 第三类。
请仔细阅读我们的用户协议:用户协议

给TA打赏
共{{data.count}}人
人已打赏
帝国CMS教程

帝国cms公共模板_相关信息模板添加支持标签

2022-10-30 13:37:40

帝国CMS教程

帝国cmsPHP循环一级栏目子栏目以及子栏目下的栏目信息支持PHP7.x

2022-11-23 19:37:41

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
在
线
咨
询
专属客服

(工作日 10:00 - 22:30 为您服务)

2026-09-26 10:28:37

您好,无论是售前、售后、意见建议……均可通过联系工单与我们取得联系。

猜你想问:

  • 购买的模板免费包安装吗?

  • 这个演示地址有吗?

  • 购买vip会员可以下载哪些模板?

您的工单我们已经收到,我们将会尽快跟您联系!
取消

您想了解哪方面的问题?

选择聊天工具: