页面倒计时

页面倒计时

倒计时5s

// 可以考虑用缓存来存放倒计时的数字，进入页面的时候从缓存里取，取到了就表示有倒计时未清零，取不到就赋值，注意倒计时结束后缓存的数据也得清就好了

  localStorage.setItem("gooseTime",'5') // 1、初始进入页面设置默认时间
  // 倒计时15秒
  function run () {
    var s = document.getElementById("goose_time")
    s.innerHTML = localStorage.getItem("gooseTime")  // 2、每次计时器重新从缓存获取
    console.log('s.innerHTML:',s.innerHTML)

    if(!localStorage.getItem("gooseTime") || s.innerHTML <= 0){
      window.clearInterval(timeId) // 4、时间为0时清除定时器和缓存
      localStorage.removeItem("gooseTime") 
      return false
    }
    s.innerHTML = s.innerHTML * 1 - 1
    localStorage.setItem("gooseTime",s.innerHTML) // 3、时间存入缓存
  }
  var timeId = window.setInterval("run();", 1000)