获取时间日期（一）之动态时间

获取时间日期（一）之动态时间

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio 2015、动态获取时间

作者： 梁柏源

撰写时间：2019/6/16

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

上次分享了一篇日历的文章，这次不例外得把时间给分享了，日期时间本来就一对嘛。

获取当前时间的方法挺多的，这次分享的是layui.laydate 简称 laydate，记得上次介绍过，这里不详细讲解了，首先我们先来个动态获取当前日期加上时间的代码，请看码：

html：

 

span标签（不一定要span标签，只要有可以显示它的标签都行）里面放名为mytime的id（这个这个id名是自己起的，这里应为解说所以懒得换，希望各位小伙伴们不要搞错），接下来继续：

javaScript：

        //获取当前时间日期

        function showTime() {

            nowtime = new Date();

            year = nowtime.getFullYear();

            month = nowtime.getMonth() + 1;

            date = nowtime.getDate();

            document.getElementById("mytime").innerText = year + "-" + month + "-" + date + " " + nowtime.toLocaleTimeString();//id

        }

        setInterval("showTime()", 1000);

嗯哼，JavaScript的代码就这么点，id的位已经标出，打完代码当然要运行一下啦：

这是动态的（为什么不放置一个视频而用图片呢，是有原因的，不过代码的真实性可是杠杠的），至于格式如果你觉得这格式不好看的话可以自主的去设置。

格式：

yyyy：代表着年份，四位数哦，不足四位数的话前面补零（这个能用很久的可以用到9999年，然后就可以进阶五位数了），

y:也是年份，不补零，这个真的没有限制，地球毁灭也能继续用，除非把他的意义该了，

下面的我就简洁点了啊：

MM/M：月份，dd/d:日期，HH/H：小时，mm/m：分钟，ss/s：秒数，前面的至少两个，补零，后面的允许一位，格式就这么多，就看你怎么拼接，也可以拼接汉族，英文等；比如：yyyy年MM月dd日，可以随意组合

除了上面所说的laytable外还有一种，不过这种只能动态获取当前时间（唔，符合标题）：

Html：

   

       

//这个id也是自定义的啊，没有固定的，而且不一定要放在div里面，只要可以显示就好

   

  

JavaScript：

   

emmmm，怎么说呢，感觉差不多，这种方法不需要任何插件（上面laytable是需要插件的，这里不写出，毕竟layui的插件就那几个）。

下面来看一下这段代码运行的结果：

这个代码不多，实用率不如laytable，但还是有它的好处的。