前端强制性JS倒计时关闭浏览器(刷新页面也存在)也会存在的倒计时*

VUE 倒计时刷新页面也存在 (持续更新)

不多BB 直接上代码
活用 localStorage 机制
(VUE+webpack版)

注意

目前的代码是关闭浏览器会记录你关闭时的秒数，并且下次来到这个页面时，会在上次的时间进行倒计时代码有缺陷 (懒)

如果只是想页面刷新时倒计时不重置只需要把下面的 localStorage 换成 sessionStorage 即可


##<script>export default {data(){return{inters:null,//定时器coutrdown:60//倒计时时间}},methods:{toLoading(){ //短信验证码发送let self=thisself.inter = setInterval(self.fusn, 1000);}, fusn(){let self=thisself.coutrdown--;console.log(self.coutrdown)window.localStorage.setItem("X_no_time",self.coutrdown);//存入本地if(window.localStorage.getItem("X_no_time")<="0"){//等于0时清空window.localStorage.removeItem('X_no_time');}if(coutrdown <= 0) {//小于或者等于0时self.coutrdown=60;//重新赋值为60秒,如果用户在倒计时期间关闭了浏览器下次打开也面会调用created()方法clearInterval(self.inter)}}//fusn},//methodscreated(){//实例化完成后let self=this;if(window.localStorage.getItem("X_no_time")==null){console.log("第一次或者又过来一次");}else{self.coutrdown=Number(window.localStorage.getItem("X_no_time"));self.toLoading()}}}//export default</script>

VUE倒计时刷新页面不影响相关推荐

Nginx 部署 Vue 项目刷新页面出现404
问题使用Vue.框架,利用vue-route编写了一个单页路由项目,运维协助在服务器端配置nginx.部署完成后,访问首页没问题,从首页里打开二级页面没问题,但是所有的二级页面打开后,再次刷新,就会 ...
vue在刷新页面的时候调取方法
项目场景: 最近再做一个软电话,需求表示,关闭页面的时候电话签出.但是刷新页面的时候没有调取签出方法,demo上是写的window.onbeforeunload = function(){} 问题描述 ...
Vue中刷新页面的三种方式
一.通过js原始方法刷新 <template><div><div class="header"><button @click=" ...
js倒计时刷新页面不受影响
JS倒计时(无视页面刷新)使用localStorage <html> <head> <title>JS倒计时(无视页面刷新)使用localStorage</t ...
Vue强制刷新页面重新加载数据方法
业务场景在管理后台执行完增删改查的操作之后,需要重新加载页面刷新数据以便页面数据的更新实现原理就是通过控制router-view 的显示与隐藏,来重渲染路由区域,重而达到页面刷新的效果,show ...
Vue定时刷新页面数据
我现在只知道两种最常见的定时刷新方案,一种是利用Vue的内置函数setTimeout.setInterval定时执行,另一种是websocket消息推送.我的需求是,当数据库中的数据发生更新时,前端就 ...
vue 返回刷新页面不keepAlive
问题: vue项目,从A页面进入B页面,再返回A页面的时候,页面不刷新. 举例: 从列表页面,选择一条数据点击进去查看详情,这时候页面刷新了,并且执行了 created()方法和 mounted()方 ...
问题排查：vue项目刷新页面加载了500多个请求？
问题背景某项目上线后,打开登录页加载了500多个请求,包含了js.css.png等等. 因为项目部署在第三方云平台,直接被当做恶意攻击,把IP封掉了如下图: 问题分析 Webpack 内置了 pr ...
vue实现刷新页面随机切换背景图【适用于登陆界面】

VUE倒计时刷新页面不影响

VUE 倒计时刷新页面也存在 (持续更新)

注意

目前的代码是关闭浏览器会记录你关闭时的秒数，并且下次来到这个页面时，会在上次的时间进行倒计时代码有缺陷 (懒)

如果只是想页面刷新时倒计时不重置只需要把下面的 localStorage 换成 sessionStorage 即可

VUE倒计时刷新页面不影响相关推荐

最新文章

热门文章

VUE倒计时刷新页面不影响

VUE 倒计时刷新页面也存在 (持续更新)

注意

目前的代码是关闭浏览器会记录你关闭时的秒数，并且下次来到这个页面时，会在上次的时间进行倒计时 代码有缺陷 (懒)

如果只是想页面刷新时倒计时不重置只需要把下面的 localStorage 换成 sessionStorage 即可

VUE倒计时刷新页面不影响相关推荐

最新文章

热门文章

目前的代码是关闭浏览器会记录你关闭时的秒数，并且下次来到这个页面时，会在上次的时间进行倒计时代码有缺陷 (懒)