美文网首页
js计算时间戳距离某天的天、时、分、秒

js计算时间戳距离某天的天、时、分、秒

作者: 温木先生 | 来源:发表于2020-09-28 16:26 被阅读0次
        calcTime(serverTime) {
            const endTime = new Date(2020, 10, 8, 23, 59, 59);
            const endSeconds = endTime.getTime();
            const dateDiff = endSeconds - serverTime;

            var day = Math.floor(dateDiff / (24 * 3600 * 1000)).toString(); //计算出相差天数
            var leave1 = dateDiff % (24 * 3600 * 1000); //计算天数后剩余的毫秒数
            var hours = Math.floor(leave1 / (3600 * 1000))
                .toString()
                .padStart(2, '0'); //计算出小时数

            //计算相差分钟数
            var leave2 = leave1 % (3600 * 1000); //计算小时数后剩余的毫秒数
            var minutes = Math.floor(leave2 / (60 * 1000))
                .toString()
                .padStart(2, '0'); //计算相差分钟数
            //计算相差秒数
            var leave3 = leave2 % (60 * 1000); //计算分钟数后剩余的毫秒数
            var seconds = Math.round(leave3 / 1000)
                .toString()
                .padStart(2, '0');

            var leave4 = leave3 % 1000; //计算秒数后剩余的毫秒数
/*
* 注意:----------------
* 如果你直接显示毫秒,就不用除100了,level4已经是剩余的毫秒数,我只显示一位毫秒,所以除了100 
*/
            var minseconds = Math.round(leave4 / 100).toString(); // 对毫秒处理成一位数
            this.endDateInfo = {
                day,
                firstHour: hours.substring(0, 1),
                lastHour: hours.substring(1),
                firstMin: minutes.substring(0, 1),
                lastMin: minutes.substring(1),
                firstSecond: seconds.substring(0, 1),
                lastSecond: seconds.substring(1),
                millinSecond: minseconds,
            };
        }


// 调用
        const runTimeOut = () => {
            this.calc_timer && clearTimeout(this.calc_timer);
            this.calc_timer = setTimeout(() => {
                this.serverTime += TimeDivide;
                this.calcTime(this.serverTime);
                runTimeOut();
            }, TimeDivide);
        };
        runTimeOut();
```

相关文章

网友评论

      本文标题:js计算时间戳距离某天的天、时、分、秒

      本文链接:https://www.haomeiwen.com/subject/jpaduktx.html