页面倒计时
倒计时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)