ios下的setInterval和setItiemout失效（vue）

专写bug~~~

于 2019-09-23 14:07:42 发布

阅读量2k

点赞数

文章标签： setInterval setTimeout ios

本文链接：https://blog.youkuaiyun.com/qq_32538087/article/details/101202833

版权

本文针对iOS环境下setInterval和setTimeout在最后一秒失效的问题，提供了一种替代写法。通过使用倒计时变量来控制定时器的行为，成功避免了在iOS设备上定时任务执行不完全的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

能点进来看的可能都遇到过的问题，就是ios下setInterval和setItiemout在最后一秒失效。这个问题一直很困扰我，因为项目着急上线，要解决这个问题。我就换了一种写法湿了一下，结果是可以的。希望对你们有用。

没解决问题前是这样的


     let that = this 
        let two = setInterval(function() {
            that.$refs.time.src = require('../../assets/img/2.png')
        },1000)
        let one = setInterval(function() {
          clearInterval(two)
            that.$refs.time.src = require('../../assets/img/1.png') 
        },2000)
        setTimeout(() => {
          clearInterval(one)
          that.show = false
        },3010)

解决这种问题的一种写法

let seconds = 2
      let that = this 
      let two = setInterval(function() {
        seconds--
        if(seconds === 1){
          that.$refs.time.src = require('../../assets/img/2.png')
        }else if(seconds === 0){
          that.$refs.time.src = require('../../assets/img/1.png') 
        }
      },1000)
      setTimeout(function() {
        clearInterval(two)
        this.show = false
      },3010)