时间的js代码_调用时间的js代码-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_44484520/article/details/86533784

该博客介绍了如何使用JavaScript获取并格式化日期时间，包括处理单位数的情况，以达到美观的效果。通过封装方法并使用setInterval每秒更新显示，实现时间的实时刷新。还提供了腾讯云上的代码示例链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在javascript中，date是获取到系统当前的时间，但是他的格式和国人的习惯不同，那我接下来的代码就是一个关于时间位置的调整和不停调用让它有刷新的功能
最后有上传到腾讯云的链接
在这里插入图片描述
首先，获取到时间，然后分开获取到星期，年月日时分秒

var mydate = new Date();//获取到系统时间
            var weekday = [" 星期日", " 星期一", " 星期二", "星期三", "星期四", "星期五", "星期六"];
            var week = mydate.getDay();//星期
            var Myyear = mydate.getFullYear();//年
            var Mymonth = mydate.getMonth()+1;//月
            var Mydate = mydate.getDate();//日
            var Myhours = mydate.getHours();//小时
            var Myminute = mydate.getMinutes();//分
            var Mysecond = mydate.getSeconds();//秒

然后由第一图可见，中间是有两种符号的，我们可以直接定义两种符号，也可以准备输出时慢慢加上

//定义符号
            var fuhao1 = "-";
            var fuhao2 = ":";

在月份，日，时，分，秒有的时候只有一位数，为了美观，我给他们进行判断，在只有一位数的时候加上0

//为小于0的时间前加上0
            if (Mymonth >= 0 && Mymonth <= 9) {
                Mymonth = "0" + Mymonth;
            }
            if (Mydate >= 0 && Mydate <= 9) {
                Mydate = "0" + Mydate;
            }
            if (Myhours >= 0 && Myhours <= 9) {
                Myhours = "0" + Myhours;
            }
            if (Myminute >= 0 && Myminute <= 9) {
                Myminute = "0" + Myminute;
            }
            if (Mysecond >= 0 && Mysecond <= 9) {
                Mysecond = "0" + Mysecond;
            }

然后就是输出了

//时间的格式
            var time = Myyear + fuhao1 + Mymonth + fuhao1 + Mydate + "\t" +
                Myhours + fuhao2 + Myminute + fuhao2 + Mysecond + "\t" + weekday[week];
            //输出时间
            times.innerHTML = time;

最后，封装成方法，用setInterval一秒调用一次


        //调用时间，实时刷新
        setInterval(function(){
            newTime();
        }, 1000);
        //获取到时间的方法
        function newTime() {
            var mydate = new Date();//获取到系统时间
            var weekday = [" 星期日", " 星期一", " 星期二", "星期三", "星期四", "星期五", "星期六"];
            var week = mydate.getDay();//星期
            var Myyear = mydate.getFullYear();//年
            var Mymonth = mydate.getMonth()+1;//月
            var Mydate = mydate.getDate();//日
            var Myhours = mydate.getHours();//小时
            var Myminute = mydate.getMinutes();//分
            var Mysecond = mydate.getSeconds();//秒
            //定义符号
            var fuhao1 = "-";
            var fuhao2 = ":";
            //为小于0的时间前加上0
            if (Mymonth >= 0 && Mymonth <= 9) {
                Mymonth = "0" + Mymonth;
            }
            if (Mydate >= 0 && Mydate <= 9) {
                Mydate = "0" + Mydate;
            }
            if (Myhours >= 0 && Myhours <= 9) {
                Myhours = "0" + Myhours;
            }
            if (Myminute >= 0 && Myminute <= 9) {
                Myminute = "0" + Myminute;
            }
            if (Mysecond >= 0 && Mysecond <= 9) {
                Mysecond = "0" + Mysecond;
            }
            //时间的格式
            var time = Myyear + fuhao1 + Mymonth + fuhao1 + Mydate + "\t" +
                Myhours + fuhao2 + Myminute + fuhao2 + Mysecond + "\t" + weekday[week];
            //输出时间
            times.innerHTML = time;
        }

链接在这
https://nzc-1258459102.cos.ap-guangzhou.myqcloud.com/Time.html?q-sign-algorithm=sha1&q-ak=AKID6XWnlHUu9fmZc8uwFiu84Pt4MVd13o2z&q-sign-time=1547775632;1547777432&q-key-time=1547775632;1547777432&q-header-list=&q-url-param-list=&q-signature=e3b4f6733dff664464b9a7ffa55b4c482bcf7500&x-cos-security-token=6a57fc0eebf2d054c9dc81cac9955e534928247f10001