用lodash实现js时间戳内的倒计时

公司业务用server返回unix格林时间作为当前时间,同时将返回截止时间

 <template>
  <div></div>
</template>
<script type="text/babel">
  /* eslint-disable */
  import axios from 'axios'
  import {GroupTitle, Swipeout, SwipeoutItem, SwipeoutButton, XButton} from 'vux'

  export default {
    components: {
    },
    data() {
      return {
        interval: null
      }
    },
    mounted() {
      axios.get('http://172.16.118.54:3030/unixTest').then(res => {
        console.log('axios.get', res)
        const a = Moment(Moment.unix(res.data.deadLine))
        const b = Moment(Moment.unix(res.data.nowServer))
        const diff = a.diff(b)
        const duration = Moment.duration(diff)
        this.interval = setInterval(() => {
          const thisDuration = duration.subtract(1, 's')
          console.log(`${thisDuration.get('days')*24+thisDuration.get('hours')}/${thisDuration.get('minutes')}/${thisDuration.get('seconds')}`)
        }, 1000)
      })
    },
    computed: {},
    destroyed() {
      clearInterval(this.interval)
    },
    methods: {
    },
    created() {

    }
  }
</script>
<style lang='scss' scoped>
</style>

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 121,188评论 16 134
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 157,740评论 24 688
  • 。。
    孙波澜阅读 38评论 0 0