精华内容
下载资源
问答
  • setinterval 页面关闭
    千次阅读
    2021-11-01 21:53:50

    uniapp的setInterval,关闭页面,定时器还存在,一般放在onShow中开启,onHide、onUnload中关闭。微信小程序点击左上角返回键,不会触发onBackPress。

    更多相关内容
  • setInterval 是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式。下面通过本文给大家分享JS SetInterval 代码实现页面轮询,感兴趣的朋友一起看看吧
  • 正常使用setInterval()时,切换页面后会继续循环,今天碰到了,写下方法 data:{ //data里面写一个表示循环的变量interval interval: "" }, onLoad(){ let that=this this.setData({ //给声明的变量interval...

    正常使用setInterval()时,切换页面后会继续循环,今天碰到了,写下方法

    data:{
    	//data里面写一个表示循环的变量interval
    	interval: ""
    },
    onLoad(){
    	let that=this
    	this.setData({
    		//给声明的变量interval赋值,每1000毫秒执行一次
    		interval: setInterval(() => { that.循环方法名}, 1000)
    	})
    },
    循环方法名(){
    	内容
    },
    onUnload() {
    	//页面销毁停止运行
    	let that = this
    	clearInterval(that.data.interval)
    }
    

    ❀❀❀❀❀❀完结散花❀❀❀❀❀❀

    Written ❤️ sywdebug.
    展开全文
  • 使用VUE开发单页项目时遇到这样的问题,mounted中使用setInterval()定时向服务器获取数据,后来跳转页面后,发现还在不停的获取数据。我觉得是由于我路由用的push致使的,改为replace也是这样,后来就在博客园找到...

    使用VUE开发单页项目时遇到这样的问题,mounted中使用setInterval()定时向服务器获取数据,后来跳转页面后,发现还在不停的获取数据。我觉得是由于我路由用的push致使的,改为replace也是这样,后来就在博客园找到答案了,以下:javascript

    http://www.cnblogs.com/zzbp/p/5834110.htmlhtml

    问题:(javascript)使用Vuejs + Vue-router 开发单页面,如何使得切换页面时能销毁原组件?

    描述:vue

    我有一个单页面应用,有页面A和页面B,两者是同级组件,关系是这样的:java

    router.map({

    '/a': {

    component: A

    },

    '/b': {

    component: B

    },`

    例如,第一次打开时,显示页面 A,页面 A 有一个setInterval事件,每隔一秒钟会向后台发送一个Ajax请求。这时我点击页面 A 上的跳转按钮,跳到页面 B,经过观察网络链接,发现页面 A 上的Ajax请求仍然在继续。git

    请问应当进行什么样的设置,才能使得页面切换时,原来的组件就被销毁?github

    这是个很是严重的问题,同级组件绑定的事件,还会在另外一个组件里继续监听。因此我猜测会有简单的配置方法,但我看遍了 Vue 的文档和 Vue-router 的文档,也未发现相关配置。vue-router

    解决方案1:数据库

    一、setInterval事件和组件的生命周期没有直接关系。

    二、setInterval会返回一个ID 值。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用做 clearInterval() 方法的参数。服务器

    解决方案2:网络

    router切换时,原来的组件确实已经销毁了,你能够看到ready生命周期函数是每次都触发了的。你这里的问题不在于组件是否销毁,由于setInterval事件自己和组件没有关系。

    setInterval至关于该组件申请的一种资源,在使用该组件时获取,在离开该组件时释放。这个过程只能是你手动进行的。因此你应该在离开该组件时,好比route的deactivate或者beforeDestory生命周期函数里手动clearInterval。

    其实不少框架里都是这样,好比桌面程序中某个窗口初始化时须要打开数据库链接(咱们也能够视为一种资源),当窗口关闭时,程序自己并不知道“打开数据库链接”的反向操做是什么。因此咱们须要在窗口销毁的回调方法里手动去释放这个资源,去写断开链接的代码。

    解决方案3:

    http://stackoverflow.com/questions/35104770/how-to-destroy-a-component-when-building-spa-with-vue-js-and-vue-router

    http://vuejs.github.io/vue-router/zh-cn/pipeline/deactivate.html

    最后我根据解决方案1解决了,贴下个人代码:

    created () {this.intervalid1 = setInterval(() =>{var sid = this.stationidthis.$store.dispatch('fetchStationDetail', sid)

    },20000)this.intervalid2 = setInterval(() =>{var sid = this.stationidvar thedate = new Date(this.seldate)var nowdate = newDate()if (thedate.toLocaleDateString() ===nowdate.toLocaleDateString()) {var theyear =thedate.getFullYear()var themonth = thedate.getMonth() + 1

    this.$store.dispatch('fetchStationPowers', {

    id: sid,

    yearint: theyear,

    monthint: themonth

    })

    }

    },60000)

    },

    beforeDestroy () {

    clearInterval(this.intervalid1)

    clearInterval(this.intervalid2)

    },

    展开全文
  • mpvue在退出当前页面关闭setInterval 最近开发秒杀功能利用setInterval自定义了一个倒计时器,当倒计时到零时清除计时器,如果时间太长还没有倒计完就跳出页面setInterval还是会执行,所以我们最好在跳出页面时...

    mpvue在退出当前页面时关闭setInterval


    最近开发秒杀功能利用setInterval自定义了一个倒计时器,当倒计时到零时清除计时器,如果时间太长还没有倒计完就跳出页面,setInterval还是会执行,所以我们最好在跳出页面时也把计时任务清除掉,很简单,就是利用mpvue的生命周期函数和clearInterval,分两种情况。

    一、利用navigateBack返回上一页,可以在onUnload中关闭

      onUnload() {
        clearInterval(this.timer); 
        console.log("onUnLoad");
      },
    

    二、通过navigateTo跳转的,在onHide中关闭

     onHide () {
       clearInterval(this.timer); 
        console.log("onHide");
        // 页面从前台变为后台时执行
      },
    
    展开全文
  • document.... { //切换页面关闭定时器 if (document.visibilityState == "visible") { console.log("visible111111") this.getGoodsList() } else { console.log("hidde") clearInterval(this.liv
  • setTimeout与setInterval setTimeout只执行一次,主要广泛用于在指定的毫秒(1000ms=1s)后调用函数等。
  • 本文实例讲述了JavaScript使用setInterval()函数实现简单轮询操作的方法。分享给大家供大家参考。...setInterval方法会不停地调用函数,直到 clearInterval被调用或窗口被关闭。 由 setInterval 返回的ID值可用作 clea
  • 最近项目碰到需要实时刷新数据的问题,使用了setInterval实现,发现路由跳转之后,组件被销毁了,但是setInterval还没有销毁,还在继续后台调用,如果运行量大的话,会导致严重的页面卡顿。 解决办法:在组件生命...
  • setInterval销毁问题

    2021-06-29 16:25:05
    如下 推荐以下方法,其实没啥技术含量,主要是防忘 const timer = setInterval(() => { this.dateshow();}, 1000*60); this.$once('hook:beforeDestroy', () => { clearInterval(timer); })
  • vue启动停止setInterval data () { return { clearTimeSet:null, } }, mounted () { // 启动 this.clearTimeSet = setInterval(() => { }, 1000); // 停止 clearInterval(this.clearTimeSet); },
  • 编写一个5分钟倒计时函数: public lastTimeMin = 5 public lastTimeSec = 0 public maxTime = 5 * 60 public countdownTimer: any ... { // 页面关闭时启动 console.log('销毁') clearInterval(this
  • vue 切换页面setInterval问题

    千次阅读 2018-12-07 11:23:44
    转载自:... ... vue 是单页面应用,路由切换后,定时器并不会自动关闭,需要手动清除,当页面被销毁时,清除定时器即可。 注:如果页面用到了keep-alive技术(即加...
  • 主要介绍了vue 解决setTimeOut和setInterval函数无效报错的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 如何解决setInterval页面切换问题

    千次阅读 2017-08-30 10:39:26
    setInterval页面切换问题今天遇到的问题是我用好几个setInterval定时器来做智能采油模拟系统的动态表示,当打开页面时,程序能够正常运行,效果正常,但是当我切换到其他页面,过段时间再切回到采油系统的页面时...
  • 定时器(setInterval)的开启与关闭

    千次阅读 2022-04-14 13:07:05
    我设置的定时器是点击展示子组件的时候开启,等待30s后没有点击页面关闭子组件,每次点击页面30s内没有点击也会关闭,当我点击退出子组件页面的时候也会关闭定时器 // 父组件展示子组件时开启定时器 this.$refs....
  • 但是这两个方法的弊端在于页面关闭时不会触发,现在我们想要的效果就是有点像消息队列的效果,在页面关闭时倒计时方法也在运行,到一定时间时触发里面的方法体:代码如下 //js代码段 var ctime = "${askOrder....
  • 下面通过本文给大家分享JS SetInterval 代码实现页面轮询,感兴趣的朋友一起看看吧概念介绍setInterval 是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval方法会不停地调用...
  • 定时、自动跳转
  • 怎么停止setinterval

    2021-06-10 11:28:18
    怎么停止setinterval可以单独停止一个setInterval的,setInterval返回一个唯一的数字编号的timer 用下面方法: var timer1 = setInterval("yourFunction1",时间); var timer2 = setInterval("your...
  • 原因:页面加载时我调用了1次函数A,然后又单独调用了一次定时器函数,导致调用了2次setInterval(),导致有setInterval_id有2个值。 通过打印定时器的值发现的问题。 clearInterval()只关闭了其中一个setInterval_id...
  • 简单来说就是监听离开当前页面和进入当前页 离开时记录本机电脑时间,关掉定时器。 再次进入获取本机电脑时间减去离开本机电脑的时间 = 离开当前页的时间 重新开启定时器 这个方法做全局监听 document.ad...
  • 定时器的id是连续的,可以通过循环清除所有定时器 function ...页面开久了定时器会有误差。 重绘和event loop也是有关的,浏览器是 60Hz 的刷新率,每 16ms才会更新一次。 尽量使用 setTimeout 来代替 s.
  • 前几天学了js,看到了两个非常有趣的函数,他们分别是setTimeout函数和setInterval函数,这两个函数能使网页呈现非常一些网页中比较常见的效果,比如说图片轮播,等一些非常好玩的效果。下面就来一起来了解这两个...
  • 参考:... vue 是单页面应用,路由切换后,定时器并不会自动关闭,需要手动清除,当页面被销毁时,清除定时器即可。 方案一: 首先我在data函数里面进行定义定时器名称: data() { return { ...
  • vue页面的定时刷新setInterval()

    千次阅读 2020-03-27 10:45:30
    setInterval() 方法可按照指定的周期(以毫秒计)不停地调用函数或表达式,直到clearInterval()被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 提示:如果你只想执行一次...
  • 主要介绍了浅谈vue 组件中的setInterval方法和window的不同,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 在vue项目中经常遇到使用setinterval定时器事件,但是在页面关闭或者刷新时需要进行定期清除,但是经常会遇到clearinterval来清除定期无法清除的问题。 有的说把单纯的setinterval和clearintervar 改为 windows....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 27,254
精华内容 10,901
关键字:

setinterval 页面关闭