获取当前时间，封装时间格式化方法

获取当前时间

在html中写个div类名为showTime

  <script>
        var t = null
        t=setTimeout(time,1000)  //开始运行
        function time (){
            clearTimeout(t)// 清除定时器
            dt = new Date();
            var y =  dt.getFullYear();//获取年
            var mt = dt.getMonth()+1;//获取月
            var day = dt.getDate();// 获取日
            var h = dt.getHours();// 获取时
            var m = dt.getMinutes();//获取分
            var s= dt.getSeconds();//获取秒
            document.querySelector(".showTime").innerHTML=//为div.showTime设置内容
            `当前时间为：${y}年${mt}月${day}日${h}时${m}分${s}秒`//设置盒子.showTime的内容
            t=setTimeout(time,1000)//设置循环，达到实时刷新
        }
    </script>

时间格式化

需要的地方调用函数就可以了也可以使用vue的filter

//获取当前年月日星期几几点几分几秒并打印
function getTimer(time) {
    var date = time  
    var week = ['星期日', '星期一', '星期二', '星期三', '星	期四', '星期五', '星期六']
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var datee = date.getDate()
    var day = date.getDay()
    var time = year + '年' + month + '月' + datee + '日 	' + week[day]
    function getTimerr() {
        var time = new Date()
        var hour = time.getHours()
        hour = hour < 10 ? '0' + hour : hour
        var minute = time.getMinutes()
        minute = minute < 10 ? '0' + minute : minute
        var second = time.getSeconds()
        second = second < 10 ? '0' + second : second
        return hour + ':' + minute + ':' + second
    }
    return time + ' ' + getTimerr()
}