js获取系统时间并格式化

JS时间格式化

最新推荐文章于 2025-07-16 18:26:12 发布

原创最新推荐文章于 2025-07-16 18:26:12 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#格式化 #javascript #系统时间

javascript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个使用JavaScript获取并格式化当前系统时间的方法。通过简单的HTML页面与JavaScript代码结合，可以实现点击元素即弹窗显示精确到秒的日期时间。此方法适用于网页应用中对时间进行标准化展示的需求。

获取系统时间，并格式化

<!DOCTYPE html>    
<html>    
<head>    
    <meta charset="utf-8">    
    <title>js显示当前时间</title>    
</head>    
<body>    
    <div style="width: 200px;height:200px;" onclick="getNowFormatDate();">
        显示当前时间
    </div>    
    <script type="text/javascript">    
        //获取当前系统时间
            function getNowFormatDate() {
                var date = new Date();
                var strMonth = date.getMonth() + 1;
                var strDate = date.getDate();
                var strHour = date.getHours();
                var strMin = date.getMinutes();
                var strSec = date.getSeconds();
                if (strMonth >= 1 && strMonth <= 9) {
                    strMonth = "0" + strMonth;
                }
                if (strDate >= 0 && strDate <= 9) {
                    strDate = "0" + strDate;
                }
                if (strHour >= 0 && strHour <= 9) {
                    strHour = "0" + strHour;
                }
                if (strMin >= 0 && strMin <= 9) {
                    strMin = "0" + strMin;
                }
                if (strSec >= 0 && strSec <= 9) {
                    strSec = "0" + strSec;
                }
                var currentdate = date.getFullYear() + '-' 
                        + strMonth + '-'  
                        + strDate + ' '
                        + strHour + ':'
                        + strMin + ':'
                        + strSec;
                alert(currentdate);
            } 
    </script>    
</body>    
</html>