vue.js中獲取剩餘的天數、小時、分鐘、秒數

當咱們從後臺(php)拿到的時間是獲取的是從1970年1月1日00:00:00距離的秒數。
可是咱們用js拿到的本機時間是1970年1月1日00:00:00距離的毫秒數。javascript

<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}秒`;
        },
    }
}