欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

微信公眾號中如何實現(xiàn)倒計時的一個功能-創(chuàng)新互聯(lián)

小編給大家分享一下微信公眾號中如何實現(xiàn)倒計時的一個功能,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

站在用戶的角度思考問題,與客戶深入溝通,找到綏德網(wǎng)站設(shè)計與綏德網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名申請、虛擬空間、企業(yè)郵箱。業(yè)務(wù)覆蓋綏德地區(qū)。

代碼如下:

let interval = setInterval(() => {
            let {staticTime} = this.state;
            staticTime = staticTime - 1;
            if (staticTime <= 0) {
                clearInterval(interval);
                this.setState({
                    tip:'支付超時',
                    staticTime:0
                });
                return;
            }
            let minutes = parseInt(staticTime/60);
            let Seconds = staticTime%60;
            let tip = '訂單已提交,請在'+minutes+'分'+Seconds+'秒內(nèi)完成支付';
            this.setState({
                tip:tip,
                staticTime:staticTime 
            });
        }, 1000);
后來測試發(fā)現(xiàn)鎖屏或者把頁面留在后臺,計算就不對,于是把代碼進行了如下改造。



  let interval = setInterval(() => {
            let {backGroundTime, staticTime} = this.state;
            this.setState({
                backGroundTime:0
            });
            staticTime = staticTime - backGroundTime - 1; 
            if (staticTime <= 0) {
                clearInterval(interval);
                this.setState({
                    tip:'支付超時',
                    staticTime:0,
                });
                return;
            }
            let minutes = parseInt(staticTime/60);
            let Seconds = staticTime%60;
            let tip = '訂單已提交,請在'+minutes+'分'+Seconds+'秒內(nèi)完成支付';
            this.setState({
                tip:tip,
                staticTime:staticTime,
            });
        }, 1000);
        this.listenPageShowHideHandle();
    
     //計算頁面在后臺的時間

listenPageShowHideHandle = () =>{

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 );
});

}

改造之后發(fā)先問題依然存在。原因是:
You cannot continue to run javascript while the iPhone is sleeping using setTimeout(), however.When the phone is put to sleep, Safari will kill any running javascript processes using setTimeout(). Check out this answer here for some reasons why this is done.

**解決方案:**
訂單生成的時候我們記錄下這個時間為A, 時間間隔為B(3分鐘內(nèi)需要付款,B為3*60*1000),C為現(xiàn)在的時間。我們使用setInterval 每個1秒讀取一下時間。那么倒計時時間 == A+B-C,代碼如下

 let interval = setInterval(()=>{
        let {orderTime, staticTime} = this.state;
        let nowTime = Date.now();
        let sub = Math.floor((orderTime + staticTime - nowTime)/1000);
        console.log('sub',sub);
        if(sub<=0){
            clearInterval(interval);
            this.setState({
                tip:'支付超時',
                isFalse:true
            });
            return;
        }
        let minutes = parseInt(sub/60);
        let Seconds = sub%60;
        let tip = '訂單已提交,請在'+minutes+'分'+Seconds+'秒內(nèi)完成支付';
        console.log(tip);
        this.setState({
            tip:tip,
            isFalse:false
        });
    },1000);

以上是“微信公眾號中如何實現(xiàn)倒計時的一個功能”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

新聞名稱:微信公眾號中如何實現(xiàn)倒計時的一個功能-創(chuàng)新互聯(lián)
本文鏈接:http://aaarwkj.com/article42/gghhc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)定制網(wǎng)站、Google、搜索引擎優(yōu)化、云服務(wù)器網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)
日韩人妻一区中文字幕| 欧美亚洲一区二区三区精品| 亚洲欧洲日韩综合另类| 一本久久综合亚洲鲁鲁五月天| 亚洲精品av在线网站| 国产综合一区在线观看97| 日本欧美激情在线观看| 国产第一页第二页在线| 国产在线精彩视频自拍| 亚洲男人天堂超碰在线| 青青草原一区二区三区| 久久精品色一情一乱一伦| 四虎影院成人精品久久| 亚洲免费观看视频一区二区三区| 国产精品xxxx国产精品| 亚洲少妇插进去综合网| 婷婷五激情五月激情片| 欧美日韩亚洲人人夜夜澡| 亚洲欧美一区二区三区三| 国产91人妻精品一区二区三区| 欧美香蕉一区二区视频| 内射性感黑丝少妇av| 熟女熟妇乱女乱妇综合网| 亚洲欧美一区日韩尤物| 91精品在线观看第一页| 2021最新四虎永久免费| 国产一区二区三区精品久| 日本一区二区不卡视频在线播放| 怡红院一区二区三区毛片| 日韩不卡区免费在线观看| 老熟女露脸吞精一二三四区| 一级黄片一区二区三区| 最新日本欧美一区二区| 亚洲精品熟女国产国产老熟女 | 伊人久久大香线蕉av网站| 我想看日韩一级黄色片| 日韩少妇一级淫片免费| 日本高清免费黄色录像| 午夜福利精品在线观看| 99久久久国产精品蜜臀 | 国产国产人免费人成免费人妖|