动态获取时间案例

 通过Date对象获取当前时间

        function getTime() {
           let date = new Date();             //new一个日期函数
           let year = date.getFullYear();     //获取年
           let month = fn(date.getMonth()+1); //获取月
           let day = fn(date.getDate());      //获取日
           let hour = fn(date.getHours());    //获取小时
           let minu = fn(date.getMinutes());  //获取分钟
           let sec = fn(date.getSeconds());   //获取秒

           let time = year + '-' + month + '-' + day + ' ' + hour + ':' + minu + ':' + sec;
           function fn(num) {
               return num < 10 ? '0' + num : num   //fn()函数对时间补0
           }
           console.log(time);
       }
           getTime();                              //调用getTime()
           setInterval(()=>{                       //定时器,每秒输出一遍当前时间
               getTime();
           },1000)

getMonth()获得是月份,但是它返回的值是从0开始的,0表示一月,我们会给它加1进行月份的显示

fn()函数是给时间补0,让时间输出格式为00月00日 00时00分00秒

使用定时器进行反复输出,每经过一秒,就会输出一遍

输出:

如果想在页面中显示,则需要在getTime()函数中添加三行代码

document.open()打开一个要写入的文档

document.write()将一个文本字符串写入一个由document.open()打开的文档流

document.close()用于结束由 对文档的document.write()写入操作,这种写入操作一般由         document.open() 打开。

            document.open();        //打开要写入的文档
            document.write(time);   //编辑打开的文档
            document.close();       //关闭文档

输出结果为:

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值