javaScript格式化日期时间：实时的显示当前时间

最新推荐文章于 2023-04-14 17:56:38 发布

拾一·

最新推荐文章于 2023-04-14 17:56:38 发布

阅读量119

点赞数

分类专栏：原生javascript 文章标签： javascript html html5

本文链接：https://blog.csdn.net/m0_59850169/article/details/118556231

版权

原生javascript 专栏收录该内容

85 篇文章 5 订阅

订阅专栏

这段代码演示了如何使用JavaScript实现实时更新的日期时间显示，并将星期用中文表示。通过设置定时器，每10毫秒更新一次日期时间信息，包括年、月、日、小时、分钟、秒，并根据日期的getDay()方法转换为中文星期。

摘要由CSDN通过智能技术生成

效果：

<div id='box' style="text-align: center;"></div>

<script>

        //定时器实现试试更新

        setInterval(function(){

            var date = new Date();

            getDat(date);

        },10)

        function getDat(date){

        var month = date.getMonth()

        month += 1



        function zeroDeal(n){

            if(n>=0 && n<=9){

                n = '0' + n

            }

            return n;

        }

        //星期几，方法1

        var zhou = date.getDay()

        switch(zhou){

            case 0 : zhou = '天';break;

            case 1 : zhou = '一';break;

            case 2 : zhou = '二';break;

            case 3 : zhou = '三';break;

            case 4 : zhou = '四';break;

            case 5 : zhou = '五';break;

            case 6 : zhou = '六';break;

        }

        //方法2

        // var arr = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六']

        // var day = get.getDay();

        // day = arr[day];



        return box.innerHTML = date.getFullYear()+'-'+zeroDeal(month) +'-'+zeroDeal(date.getDate())+' '+zeroDeal(date.getHours())+':'+zeroDeal(date.getMinutes())+':'+zeroDeal(date.getSeconds())+'  '+'星期'+zhou

        }

        

    </script>

可拷贝区：

<div id='box' style="text-align: center;"></div>

<script>

        //定时器实现试试更新

        setInterval(function(){

            var date = new Date();

            getDat(date);

        },10)

        function getDat(date){

        var month = date.getMonth()

        month += 1

        function zeroDeal(n){

            if(n>=0 && n<=9){

                n = '0' + n

            }

            return n;

        }

        //星期几，方法1

        var zhou = date.getDay()

        switch(zhou){

            case 0 : zhou = '天';break;

            case 1 : zhou = '一';break;

            case 2 : zhou = '二';break;

            case 3 : zhou = '三';break;

            case 4 : zhou = '四';break;

            case 5 : zhou = '五';break;

            case 6 : zhou = '六';break;

        }

        //方法2

        // var arr = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六']

        // var day = get.getDay();

        // day = arr[day];

        return box.innerHTML = date.getFullYear()+'-'+zeroDeal(month) +'-'+zeroDeal(date.getDate())+' '+zeroDeal(date.getHours())+':'+zeroDeal(date.getMinutes())+':'+zeroDeal(date.getSeconds())+'  '+'星期'+zhou

        }



    </script>

拾一·

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
javaScript格式化日期时间：实时的显示当前时间

效果：<div id='box' style="text-align: center;"></div><script>//定时器实现试试更新setInterval(function(){vardate=newDate();getDat(date);},10)functiongetDat(date){...
复制链接

扫一扫

专栏目录