js封装实时时间显示及显示今天是周几,显示几天前的日期

//封装当前时间方法
function havetime(unixtime) {
    var date = new Date(unixtime);
    var y = date.getFullYear();
    var m = date.getMonth() + 1;
    m = m < 10 ? ('0' + m) : m;
    var d = date.getDate();
    d = d < 10 ? ('0' + d) : d;
    var h = date.getHours();
    h = h < 10 ? ('0' + h) : h;
    var minute = date.getMinutes();
    var second = date.getSeconds();
    minute = minute < 10 ? ('0' + minute) : minute;
    second = second < 10 ? ('0' + second) : second;
    return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;//年月日时分秒
    // return y + '-' + m + '-' + d + ' ' + h + ':' + minute;
}

function etime() {
    var timestamp = new Date().getTime()
    var time = havetime(timestamp)
    var week = new Date(timestamp).getDay()  //getDay()当前为周几
    switch (week) {
        case 0:
            week = '星期日'
            break ;
        case 1:
            week = '星期一'
            break;
        case 2:
            week = '星期二'
            break;
        case 3:
            week = '星期三'
            break;
        case 4:
            week = '星期四'
            break;
        case 5:
            week = '星期五'
            break;
        case 6:
            week = '星期六'
            break;
    }
    document.getElementById('time-day').innerHTML = time.split(' ')[0]
    document.getElementById('time-hour').innerHTML = time.split(' ')[1]
    document.getElementById('time-week').innerHTML = week
    if (time.split(' ')[1] == '06:00') {
        biao1()
        biao2()
    }
}

//间隔一秒刷新一次
setInterval(function(){
    etime()
},1000)

2.显示几天前的日期

效果图

上代码

function beforetime1 (data) {
    var date = data
    var y = date.getFullYear();
    var m = date.getMonth() + 1;
    m = m < 10 ? ('0' + m) : m;
    var d = date.getDate();
    d = d < 10 ? ('0' + d) : d;
    var h = date.getHours();
    h = h < 10 ? ('0' + h) : h;
    var minute = date.getMinutes();
    var second = date.getSeconds();
    minute = minute < 10 ? ('0' + minute) : minute;
    second = second < 10 ? ('0' + second) : second;
    // return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + second;//年月日时分秒
    // return y + '-' + m + '-' + d + ' ' + h + ':' + minute;
    console.log(m + '-' + d + ' ')
    return m + '-' + d + ' ';
}
var theFirstSevenDays = beforetime1(new Date(new Date().getTime() - 7 * 24 * 3600 * 1000)) //获取前七天日期
var theFirstSixDays = beforetime1(new Date(new Date().getTime() - 6 * 24 * 3600 * 1000))
var theFirstFiveDays = beforetime1(new Date(new Date().getTime() - 5 * 24 * 3600 * 1000))
var theFirstFourDays = beforetime1(new Date(new Date().getTime() - 4 * 24 * 3600 * 1000))
var theFirstThreeDays = beforetime1(new Date(new Date().getTime() - 3 * 24 * 3600 * 1000))
var theFirstTwoDays = beforetime1(new Date(new Date().getTime() - 2 * 24 * 3600 * 1000))
var theFirstOneDays = beforetime1(new Date(new Date().getTime() - 1 * 24 * 3600 * 1000))

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值