哥伦布

Js获取当前的日期和时间

复制代码
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>获取当前时间</title>
</head>

<body>
    <div class="kkk">
        <p class="count" style="font-size: 50px;color: red;font-weight: 700;"></p>
    </div>
    <script type="text/javascript">
        /**
         *获取当前时间
         *format=1精确到天
         *format=2精确到分
        */
        //处理时间
        function addZero(i) {
            return i < 10 ? "0" + i : i + "";
        }
        function getCurrentDate(format) {
            var now = new Date();
            var year = now.getFullYear(); //得到年份
            var month = now.getMonth() + 1;//得到月份
            var date = now.getDate();//得到日期
            var day = now.getDay();//得到周几
            var hour = now.getHours();//得到小时
            var minu = now.getMinutes();//得到分钟
            var sec = now.getSeconds();//得到秒
            month = addZero(month)
            date = addZero(date)
            hour = addZero(hour)
            minu = addZero(minu)
            sec = addZero(sec)
            var time = "";
            //精确到天
            if (format == 1) {
                time = '当前时间为:' + year + "-" + month + "-" + date;
                document.querySelector(".count").innerHTML = time;
            }
            //精确到分
            else if (format == 2) {
                time = '当前时间为:' + year + "-" + month + "-" + date + " " + hour + ":" + minu + ":" + sec;
                document.querySelector(".count").innerHTML = time;
            }
        }
        getCurrentDate(2);
    </script>
</body>
<style>
    .kkk {
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>

</html>
复制代码

 

posted @   南柯Dream丶  阅读(415)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
点击右上角即可分享
微信分享提示