Js获取当前日期、星期、时间并展示

<template>
    <div id="currentTime"></div>
</template>

export default {
  components: {
    mapContainer
  },
  data() {
    return {

    };
  },
  created() {
    this.getTime();

  },
  methouds:{
      getTime() {
      setInterval(function(){
        var date = new Date();
        var y = date.getFullYear();	//获取年份
        var M = date.getMonth()+1;	//获取月份
        //getMonth返回0、1、2、...、11,分别代表1~12月
        var d = date.getDate();	//获取日期
        var w = date.getDay();	//获取星期
        //getDay返回0、1、2、...、6,分别代表周日、周一、...、周六
        switch(w){
          case 1:
            w = '一';
            break;
          case 2:
            w = '二';
            break;
          case 3:
            w = '三';
            break;
          case 4:
            w = '四';
            break;
          case 5:
            w = '五';
            break;
          case 6:
            w = '六';
            break;
          default:
            w = '日';
        }
        var h = date.getHours();	//获取小时
        if(h>=0 && h<=9)
          h = '0'+h;
        var m = date.getMinutes();	//获取分钟
        if(m>=0 && m<=9)
          m = '0'+m;
        var s = date.getSeconds();
        if(s>=0 && s<=9)
          s = '0'+s;
        var currentTime = document.getElementById('currentTime');
        currentTime.innerHTML = y+'年'+M+'月'+d+'日'+'  '+'星期'+w+'  '+h+':'+m+':'+ s;
      },0)
    },
  },
},

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值