<template>
	<button @click="getCode()" :disabled="!show">
  <span v-show="show">發(fā)送驗(yàn)證碼</span>
  <span v-show="!show" class="count">{{count}} s</span>
 </button>
</template>

<script>
 let TIME_COUNT = 60; // 設(shè)置一個(gè)全局的倒計(jì)時(shí)的時(shí)間
 export default {
 data() {
  return {
   show: true,
   count: '',
   timer: null,
  }
 },
 components: {
  marquee
 },
 created(){
   // 進(jìn)入頁(yè)面時(shí)獲取倒計(jì)時(shí)中止的位置，并繼續(xù)計(jì)時(shí)
   if (localStorage.regtime > 0 && localStorage.regtime <= TIME_COUNT){
    TIME_COUNT = localStorage.regtime;
    this.count = TIME_COUNT;
    this.show = false;
    this.timer = setInterval(() => {
     if (this.count > 0 && this.count <= TIME_COUNT) {
      this.count--
      localStorage.regtime = this.count;
     } else {
      this.show = true;
      clearInterval(this.timer);
      this.timer = null
     }
    }, 1000)
   }
 },
 methods: {
  getCode () {
   // 驗(yàn)證碼倒計(jì)時(shí)
   if (!this.timer) {
    this.count = TIME_COUNT
    localStorage.regtime = this.count;
    this.show = false
    this.timer = setInterval(() => {
    if (this.count > 0 && this.count <= TIME_COUNT) {
     this.count--
     localStorage.regtime = this.count;
    } else {
     this.show = true
     clearInterval(this.timer)
     this.timer = null
    }
   }, 1000)
  }
 }
 }
</script>

localStorage.getItem("code")//或localStorage.code或localStorage["code"]，獲取code
localStorage.setItem("code","A")//或localStorage.code="A"或localStorage["code"]="A"，存儲(chǔ)code
localStorage.removeItem("code")//存儲(chǔ)的持久數(shù)據(jù)不清除是不會(huì)丟失的，清除code
localStorage.clear(); //清除本地全部localStorage緩存