间戳转转时间补零方法

间戳转转时间补零方法

大家都知道间戳转转时间补零的方法不止一种,下面我就来说说几种方法。

三元判断补零法:

<script>
    function ZeroPadding(time){
        let date = new Date(time);
        let hour = date.getHours()<10?"0"+date.getHours():date.getHours()
        let minute = date.getMinutes()<10?"0"+date.getMinutes():date.getMinutes()
        let second = date.getSeconds() <10?"0"+date.getSeconds():date.getSeconds()
        return `${hour}:${minute}:${second}`
    }
    function auto(){
        console.log(new Date().getTime());//时间戳
        console.log(ZeroPadding(new Date().getTime()));
    }
    setInterval(auto,1000)
</script>

封装函数方法补零

<script>
    // 一位前面加0
    var toTwo = function (n) {
        if (n < 10) {
            return '0' + n;
        } else {
            return '' + n;
        }
    };
    // 时间戳转 年月日时分
    function time(num) {
        var date = new Date(num);
        var year = date.getFullYear(); // 年
        var month = date.getMonth() + 1; // 月
        var d = date.getDate(); // 日
        var h = date.getHours(); // 时
        var m = date.getMinutes(); // 分
        var s=date.getSeconds();//秒
        return year + '-' + toTwo(month) + '-' + toTwo(d) + ' ' + toTwo(h) + ':' + toTwo(m)+':'+toTwo(s);
    };
    function auto(){
       // console.log(ZeroPadding(时间戳));
        console.log(new Date().getTime());//时间戳
        console.log(time(new Date().getTime()));
    }
    setInterval(auto,1000)
</script>

padStart()方法补零
这是 es7 时间戳转转时间补零的方法
语法:

  • “字符串”.padStart(目标长度, ‘字符串前面补的东西’)

例子:

"a".padStart(3,'b')//"bba"
(3+"").padStart(2,'0')//"03"

这样补零是不是方便多了。

<script>
    function ZeroPadding(timer) {
        let date = new Date(timer);
        let year = date.getFullYear();
        let month = ((date.getMonth() + 1) + '').padStart(2, '0');
        let day = (date.getDate() + '').padStart(2, '0')
        let hour = (date.getHours() + '').padStart(2, '0')
        let minute = (date.getMinutes() + '').padStart(2, '0')
        let second = (date.getSeconds() + '').padStart(2, '0')
        // console.log(day, '时间');
        // return `${year}/${month}/${day}`
        return `${year}-${month}-${day} ${hour}:${minute}:${second}`
        /* 
        字符串补位的方法
        padStart(位数,'要补的内容') 首部补位
        padEnd(位数,'要补的内容') 末尾补位
             let name = 'haha'
      let r=  name.padStart(5,'0')
        console.log(r,'时间');
         */
    };
    function auto(){
       // console.log(ZeroPadding(时间戳));
        console.log(new Date().getTime());//时间戳
        console.log(ZeroPadding(new Date().getTime()));
    }
    setInterval(auto,1000)
</script>

这三个方法中,如果只要时分秒,并且小于10在前面补零(0)的话,是不是我们首选.padStart()方法补零,代码看起来简洁,美观,明了,不臃肿。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

圥忈&&丅佽&&扗虖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值