vue.js中获取剩余的天数、小时、分钟、秒数

当我们从后台(php)拿到的时间是获取的是从1970年1月1日00:00:00距离的秒数。
但是我们用js拿到的本机时间是1970年1月1日00:00:00距离的毫秒数。

<div class="pool pool-common" v-for="(game,index) in currentGames" :key="index">
	<div class="nick-name-box">     
		<span>{{computedResidualTime(game)}}</span>      
	</div>
</div>
export default {
    data() {
      return {
        currentGames: []
      }
    },
	method:{
		computedResidualTime: function (game) {
	        let date = new Date();
	        let currentTime = parseInt(date.getTime() / 1000);
	        //获取距离1970年1月1日00:00:00的毫秒数,并转换成秒数,通过parseInt转成整秒数;
	        
	        //在我这个项目中是两天的过期时间
	        let allSeconds = 2 * 24 * 60 * 60;
	
			//game.create_time是从后台获取的时间,单位是秒
	        let residualTime = allSeconds - (currentTime - game.create_time);
	        //这是剩余的所有秒数(规定时间过期时间-(本机距离1970年1月1日00:00:00的秒数-后台的创建时间))
	        
	        let day = parseInt(residualTime / (24 * 3600)); //剩余天数
	        let hour = parseInt((residualTime) % (24 * 3600) / 3600); //剩余小时
	        let minute = parseInt((residualTime) % 3600 / 60); //剩余分钟
	        let second = parseInt((residualTime) % 60);  //剩余秒数
	
	        return `剩余时间:${day}${hour}小时${minute}${second}秒`;
	    },
	}
}
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值