# 小程序实现倒计时：解决ios倒计时失效问题（setInterval失效）

**Repository Path**: WoRuoYiRuFeng/wx_smallProgram_countDown

## Basic Information

- **Project Name**: 小程序实现倒计时：解决ios倒计时失效问题（setInterval失效）
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2018-10-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 小程序实现倒计时：解决ios倒计时失效问题（setInterval失效）



在使用封装倒计时的时候需要先在page页引入wxTimer.js文件

```
var timer = require('../../utils/wxTimer.js');
```



然后就可以使用啦

调用如下：

```js
let wxTimer = new timer({
    expired_at: "2018-9-27 23:28:00.14756",
    complete: function () {
        console.log("完成了")
    },
    expired: function () {
        console.log("过期了(结束时间小于当前时间)")
    },
})
wxTimer.start(this);
wxTimer.stop();
```

封装方法中因为用到page页的data，因此需要在调用start()的时候传入 **this**

在data中添加timer对象

```
data:{
    timer: {
        remaining: '00:00:00'     }
}
```

在页面中就可以通过 **timer.remaining** 就可以显示倒计时



在调用wxTimer的时候需要注意，expired_at传入的值需要特别留意。

在小程序开发中，ios是个很头疼的事情，下面就“时间”来简单的说一下

* 对于上面代码中提到的 *2018-9-27 23:28:00.14756* ，
   * 在ios中是不支持‘-’的，应该替换为 '/'
  * 还有就是在ios中不支持 ‘.’ ，所以应该将'.'之后的数字去掉



参数说明：

* expired_at：倒计时结束时间
* complete：回调函数，倒计时结束后调用改方法
* expired：回调函数，当传入的时间过期时调用该方法