国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Heim WeChat-Applet WeChat-Entwicklung Entwicklung eines ?ffentlichen WeChat-Kontos zur Implementierung einer Countdown-Funktion (reiner Code)

Entwicklung eines ?ffentlichen WeChat-Kontos zur Implementierung einer Countdown-Funktion (reiner Code)

Jul 27, 2018 pm 04:35 PM
android iphone javascript

Das Folgende ist ein Code, den ich selbst geschrieben habe. Die Funktion besteht darin, den Countdown w?hrend des Entwicklungsprozesses des offiziellen WeChat-Kontos zu implementieren. Der Effekt ist wie folgt: Die Bestellung wurde aufgegeben. Bitte schlie?en Sie die Zahlung innerhalb von 2 Minuten und 57 Sekunden ab. Reine Codeanalyse.

Entwicklung eines ?ffentlichen WeChat-Kontos zur Implementierung einer Countdown-Funktion (reiner Code)

Die ursprüngliche Idee berücksichtigte nicht die Situation, dass die Seite im Hintergrund l?uft und den Bildschirm sperrt. Der Code lautet wie folgt:

let interval = setInterval(() => {
            let {staticTime} = this.state;
            staticTime = staticTime - 1;
            if (staticTime <= 0) {
                clearInterval(interval);
                this.setState({
                    tip:&#39;支付超時&#39;,
                    staticTime:0
                });
                return;
            }
            let minutes = parseInt(staticTime/60);
            let Seconds = staticTime%60;
            let tip = &#39;訂單已提交,請在&#39;+minutes+&#39;分&#39;+Seconds+&#39;秒內(nèi)完成支付&#39;;
            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:&#39;支付超時&#39;,
                    staticTime:0,
                });
                return;
            }
            let minutes = parseInt(staticTime/60);
            let Seconds = staticTime%60;
            let tip = &#39;訂單已提交,請在&#39;+minutes+&#39;分&#39;+Seconds+&#39;秒內(nèi)完成支付&#39;;
            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 == &#39;hidden&#39;){
        start = new Date().getTime();
    }else if(document.visibilityState == &#39;visible&#39;){
        end = new Date().getTime();
        backGroundTime = Math.floor((end - start)/1000);
        self.setState({backGroundTime});
        console.log(&#39;時間差:&#39;, 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(&#39;sub&#39;,sub);
        if(sub<=0){
            clearInterval(interval);
            this.setState({
                tip:&#39;支付超時&#39;,
                isFalse:true
            });
            return;
        }
        let minutes = parseInt(sub/60);
        let Seconds = sub%60;
        let tip = &#39;訂單已提交,請在&#39;+minutes+&#39;分&#39;+Seconds+&#39;秒內(nèi)完成支付&#39;;
        console.log(tip);
        this.setState({
            tip:tip,
            isFalse:false
        });
    },1000);

Apache php mysql

Verwandte Artikel:

Autorisierungseinstellungen für das ?ffentliche WeChat-Konto, ?ffentliche WeChat-Autorisierung

Die Implementierungsmethode des ?ffentlichen WeChat-Kontos, indem Sie auf das Menü klicken, um die Microsite zu ?ffnen und sich bei ihr anzumelden

Verwandtes Video:

Video-Tutorials zur Entwicklung ?ffentlicher WeChat-Plattformen von Chuanzhi und Dark Horse

Das obige ist der detaillierte Inhalt vonEntwicklung eines ?ffentlichen WeChat-Kontos zur Implementierung einer Countdown-Funktion (reiner Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erkl?rung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Hei?e KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?e Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

PHP-Tutorial
1502
276
So erstellen Sie eine Kontaktgruppe auf dem iPhone So erstellen Sie eine Kontaktgruppe auf dem iPhone Jul 13, 2025 am 01:17 AM

Das iPhone unterstützt keine direkten Kontaktgruppen in der Adressbuchanwendung, aber ?hnliche Funktionen k?nnen über die folgenden Methoden erzielt werden: 1. Verwenden Sie die Funktion "Gruppe" in der Adressbuchanwendung, klicken Sie auf "Bearbeiten"> "Gruppe hinzufügen", um eine benutzerdefinierte Gruppe zu erstellen. 2. Fügen Sie jeden Kontakt zur entsprechenden Gruppe hinzu, indem Sie sie bearbeiten. 3. Wenn Sie eine Gruppennachricht senden müssen, k?nnen Sie in der Informationsanwendung eine neue Mehrfach-Personen-Konversation erstellen. V. Diese Methoden werden in Verbindung mit der effizienten Behandlung von Kontaktgruppen verwendet.

So überprüfen Sie, ob ein iPhone freigeschaltet ist So überprüfen Sie, ob ein iPhone freigeschaltet ist Jul 15, 2025 am 01:17 AM

Tocheckifaniphonisunlocked, 1) Gotosettings> Cellular> cellulardataOptions undLookforlabels wie "freigeschaltet" oder "Nosimrestriktionen", 2) InsertAdifferentCarrier -SektivaSsimsimand und -LeifthephonacceptSitsites, 3) uaTheithesiminNonnonnetoktoolssilysimeisimeisimeisimeisimeinonnonnontoolssilysima.

So überprüfen Sie das iPhone-Handelswert. So überprüfen Sie das iPhone-Handelswert. Jul 13, 2025 am 01:13 AM

Die Ermittlung des Abschreibungswerts des iPhone erfordert mehrere Faktoren und Vergleich verschiedener Plattformen. 2. Die erste Wahl ist der offizielle Ersatzplan von Apple, der einen einfachen und transparenten Prozess hat. Die endgültige Bewertung muss jedoch auf dem tats?chlichen Zustand der Ausrüstung basieren. 3.. Websites von Drittanbietern wie Gazelle, Swappa usw. k?nnen h?here Angebote liefern, aber Sie müssen darauf achten, die reale Situation zu beschreiben und die Ladefalle zu vermeiden. 4. Die Kernfaktoren, die den Wert beeinflussen, umfassen Modell und Speicherkapazit?t, Ger?testatus, Bedienersperrstatus usw. Kleine Probleme k?nnen auch das Angebot beeinflussen. 5. Wenn Sie h?here Renditen erzielen, k?nnen Sie sich privat verkaufen, aber Sie müssen die Zeitkosten- und Transaktionsrisiken abw?gen.

So übertragen Sie Kontakte von einem iPhone auf ein anderes So übertragen Sie Kontakte von einem iPhone auf ein anderes Jul 12, 2025 am 02:36 AM

Migrierende Kontakte k?nnen auf drei Arten ausgeführt werden, wenn ein neues iPhone ersetzt wird: Erstens ist die Verwendung der iCloud-Synchronisation am besorgniserregendsten, um sicherzustellen, dass das alte Telefon die ICloud-Adressbuchsicherung eingeschaltet hat. Zweitens ist die Verwendung von Airdrop für eine kleine Anzahl von Kontakten zum Senden geeignet. Nach dem Einrichten der Airdrop -Sichtbarkeit auf beiden Telefonen, Senden und Empfangen über die Teilenschaltfl?che; Drittens synchronisieren Sie Kontakte über Finder oder iTunes und ersetzen oder verschmelzen Daten mit Hilfe von Computerrelais, sowohl Mac als auch Windows, die Daten synchronisieren. W?hlen Sie die Methode aus, die zu Ihnen passt, und achten Sie auf Ihr Konto- und Berechtigungseinstellungen, um die Migration einfach zu vervollst?ndigen.

Wie kaufe ich Stablecoins für Apple -Telefone? Wo kann man Stablecoins für Apple -Telefone kaufen? Wie kaufe ich Stablecoins für Apple -Telefone? Wo kann man Stablecoins für Apple -Telefone kaufen? Jul 24, 2025 pm 09:18 PM

Kaufen Sie USDT und andere Stablecoins auf Apple -Telefonen. Sie müssen die konforme Exchange -App über die übersee -Apple -ID herunterladen und die Authentifizierung abschlie?en und Transaktionen durchführen. Die spezifischen Schritte sind wie folgt: 1. verwenden Sie die Apple-ID in der Region Nicht-Mainland, um sich im App Store anzumelden; 2. Download empfohlene Plattformen wie OKX, Binance, Huobi (HTX), Gate.io oder Kucoin; 3.. Vollst?ndige Registrierung und Identit?tsauthentifizierung (KYC); 4. Geben Sie die Seite "Münze" oder "C2C/P2P -Transaktion" ein, um USDT auszuw?hlen. 5. Filterh?ndler gem?? der Zahlungsmethode und den Bestellungen ablegen; 6. über Alipay, Wechat oder Bankkarte bezahlen und Transaktionen best?tigen; 7. Warten Sie, bis der H?ndler die Münzen in das Konto einbringt, und der gesamte Vorgang ist abgeschlossen.

So verwenden Sie die Dateien -App auf dem iPhone So verwenden Sie die Dateien -App auf dem iPhone Jul 19, 2025 am 01:48 AM

Die Verwendung der Datei -App des iPhone für die Dateiverwaltung ist sehr einfach und für t?gliche Aufgaben geeignet. 1. Organisieren Sie Dateien und Ordner: Ordner k?nnen über die Funktion "neuer Ordner" erstellt werden und unterstützt die Umbenennung, Verschieben oder Kopieren von Dateien. Sie k?nnen auch nach Namen, Datum usw. sortiert werden. 2. 2. Zugriff auf iCloud- und andere Cloud -Dienste: Sie k?nnen eine Verbindung zu iCloudDrive, googledRive, Dropbox usw. herstellen, die angezeigten Dienste über "Suchen Sie> Standort> bearbeiten" verwalten und Dateien direkt auf Cloud -Speicher speichern. 3. ?ffnen und teilen Sie Dateien aus anderen Anwendungen: W?hlen Sie die Anwendung aus, um die Datei über das Teilensymbol unten zu ?ffnen, oder teilen Sie Dateien per E -Mail, Nachricht oder Airdrop frei. Kurz gesagt, obwohl seine Funktionen begrenzt sind, ist es grundlegend

IPhone Passcode vergessen IPhone Passcode vergessen Jul 26, 2025 am 09:53 AM

Wenn Sie Ihr iPhone -Passwort vergessen, k?nnen Sie die folgenden Methoden ausprobieren: 1. Verwenden Sie iTunes/Finder, um den Wiederherstellungsmodus einzugeben, um das Ger?t wiederherzustellen (muss an den Computer angeschlossen werden). 2. Wenn Sie "mein iPhone finden" aktiviert, k?nnen Sie das Ger?t über iCloud l?schen. 3.. Wenden Sie sich an Apple Customer Service, um Unterstützung zu erhalten (müssen ein Kaufzertifikat bereitstellen). Die ersten beiden der oben genannten Methoden l?schen die Daten. Es wird empfohlen, in Zukunft regelm??ig zu sichern und die Suchfunktion zu aktivieren.

IOS Binance Trading Platform App Download V3.0.5 Detaillierte Schritte zur Installation von Binance App auf Apple Mobile Phone IOS Binance Trading Platform App Download V3.0.5 Detaillierte Schritte zur Installation von Binance App auf Apple Mobile Phone Jul 23, 2025 pm 11:33 PM

1. Laden Sie zuerst die iOS -Version der App über die offizielle Website Binance herunter. 2. Klicken Sie hier, um zu installieren und zu warten, bis das Anwendungssymbol auf dem Desktop angezeigt wird. 3. Wenn die Eingabeaufforderung für "nicht vertrauenswürdige Entwickler auf Unternehmensebene" zum ersten Mal aufgefordert wird, müssen Sie "Einstellungen für Generalstaaten-V-PN und Ger?teverwaltung" eingeben. 4. Finden Sie den Namen Binance -Entwickler in der "Enterprise App" und klicken Sie auf "Trust". 5. Nach Abschluss des Trusts k?nnen Sie zum Desktop zurückkehren, um die App normal zu starten. Wenn das Zertifikat abl?uft, müssen Sie erneut herunterladen und installieren und die Vertrauensschritte wiederholen. Stellen Sie sicher, dass Sie die Anwendung immer über offizielle Kan?le erhalten, um die Sicherheit des Verm?genswerts zu gew?hrleisten. Nach Abschluss des gesamten Vorgangs k?nnen Sie die Binance -App erfolgreich verwenden, um sich zu registrieren oder anzumelden.

See all articles