微信公众号开发，实现倒计时的一个功能（纯代码）

发布日期： 2018-07-27 阅读量： 作者： 网络

以下是我自己编写的一个代码，功能是在微信公众号开发过程中实现倒计时的。效果如下，订单已提交，请在2分57秒内完成支付。纯代码解析。

开始的思路没有考虑页面在后台运行以及锁屏等情况。代码如下：

let interval = setInterval(() =&gt; {
            let {staticTime} = this.state;
            staticTime = staticTime - 1;
            if (staticTime  {
            let {backGroundTime, staticTime} = this.state;
            this.setState({
                backGroundTime:0
            });
            staticTime = staticTime - backGroundTime - 1; 
            if (staticTime <p>listenPageShowHideHandle = () =&gt;{</p><pre class="brush:js;toolbar:false;">let {backGroundTime} = this.state;
let start, end;
let self = this;
document.addEventListener("visibilitychange", function() {
    if(document.visibilityState == 'hidden'){
        start = new Date().getTime();
    }else if(document.visibilityState == 'visible'){
        end = new Date().getTime();
        backGroundTime = Math.floor((end - start)/1000);
        self.setState({backGroundTime});
        console.log('时间差：', backGroundTime);
    }
    console.log( document.visibilityState );
});

# iphone # android # javascript

下一篇: 如何用 style.css 覆盖页面中的内联样式？

微信公众号开发，实现倒计时的一个功能（纯代码）

随便看看