javacript 动态显示系统当前日期与时间

最新推荐文章于 2023-04-19 09:19:29 发布

冷眸丶杵

最新推荐文章于 2023-04-19 09:19:29 发布

阅读量1.1k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/LY9457/article/details/80655419

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

完整代码：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="clock.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>动态显示系统当前日期与时间        </title>
</head>
<script type="text/javascript">
    function myclock() {
        var datetime = new Date();//获取系统当前时间    
        var year = datetime.getFullYear();//获取4位数的年份
        var month = datetime.getMonth() + 1;//获取月份（0-11）
        var day = datetime.getDate();//获取天数
        var hour = datetime.getHours();获取小时数
        var minute = datetime.getMinutes();//获取分钟数
        var second = datetime.getSeconds();获取秒数    
        month = extra(month);//将天数小于10的处理为两位数    
        minute = extra(minute);//将小时数小于10的处理为两位数
        second = extra(second);//将秒数小于10的处理为两位数
        document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日" + hour + ":" + minute + ":" + second;
    }
    function extra(x) {
        if (x < 10) {
            return "0" + x;
        }
        else {
            return x;
        }
    }
</script>
<body οnlοad="myclock()">
    <div>
        <p id="time"></p>
    </div>
</body>
</html>

效果图如图所示：

冷眸丶杵

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
javacript 动态显示系统当前日期与时间

完整代码：&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="clock.aspx.cs" Inherits="WebApplication1.WebForm1" %&gt;&lt;!DOCTYPE html&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml
复制链接

扫一扫